@berun/preset-react/src/index.ts

BeRun preset for building React web applications

import babel from '@berun/runner-babel'
import webpack from '@berun/runner-webpack'
import tsmain from '@berun/runner-tsmain'
import jestRunner from '@berun/runner-jest'
import polyfills from '@berun/runner-web-polyfills'
import Berun from '@berun/berun'

export default (berun: Berun, options: { title?: string } = {}) => {
  const ISPRODUCTION = process.env.NODE_ENV === 'production'

  berun
    .use(babel)
    .use(webpack)
    .use(tsmain)
    .use(jestRunner)
    .use(polyfills)
    .when(ISPRODUCTION, (b) => b.use(webpack.terser))
    .use(webpack.ruleParser)
    .use(webpack.ruleMjs)
    .use(webpack.ruleMainImage)
    .use(webpack.ruleMainCompile)
    .use(webpack.ruleVendorCompileTs)
    // .use(webpack.ruleMainExternal)
    .use(webpack.ruleMainStatic)
    .use(webpack.ruleMainFonts)
    .use(webpack.ruleMainSvg)
    .use(webpack.pluginHtml, { title: options.title })
    .use(webpack.pluginInterpolateHtml)
    .use(webpack.pluginPackageInfo)
    .use(webpack.pluginProgressBar)
    .use(webpack.pluginModuleNotFound)
    //  .when(ISPRODUCTION, b => b.use(webpack.pluginWorkbox))
    .when(!ISPRODUCTION, (b) => b.use(webpack.pluginHot))
    .when(!ISPRODUCTION, (b) => b.use(webpack.pluginCaseSensitivePaths))
    .when(!ISPRODUCTION, (b) => b.use(webpack.pluginWatchMissingNodeModules))
    .use(webpack.pluginMoment)
    .use(webpack.pluginManifest)
    .when(
      ISPRODUCTION &&
        berun.options.paths.isTypeScript &&
        berun.options.tsChecker,
      (b) => b.use(webpack.pluginForkTsChecker)
    )

  berun.sparky.task('start', webpack.taskDev)
  berun.sparky.task('build', webpack.taskProd)
}