@berun/runner-webpack/src/preset-react.ts

Webpack runner for building React web applications

import babel from '@berun/runner-babel'
import polyfills from '@berun/runner-web-polyfills'
import Berun from '@berun/berun'
import webpack from './index'

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

  berun
    .use(babel)
    .use(webpack)
    .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.pluginEnv)
    .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(berun.options.paths.isTypeScript, b =>
      b.use(webpack.pluginForkTsChecker)
    )

  berun.sparky.task('start', webpack.taskDev)
  berun.sparky.task('build', webpack.taskProd)
  berun.sparky.task('test', () => {
    /** noop */
  })
}