@s-ui/bundler 8.0.0-beta.22 → 8.0.0-beta.27

package/factories/createCompiler.js

@@ -1,7 +1,7 @@
 const webpack = require('webpack')
-const formatWebpackMessages = require('../utils/formatWebpackMessages')
-const clearConsole = require('../utils/clearConsole')
-const log = require('../shared/log')
+const formatWebpackMessages = require('../utils/formatWebpackMessages.js')
+const clearConsole = require('../utils/clearConsole.js')
+const log = require('../shared/log.js')
 
 const isInteractive = process.stdout.isTTY
 
@@ -14,7 +14,7 @@ const printInstructions = ({urls}) =>
 module.exports = (config, urls) => {
   let compiler
   try {
-    compiler = webpack(config)
+    compiler = webpack(config, () => {})
   } catch (err) {
     log.error(`✖ Failed to compile:\n ${err.message || err}`)
     process.exit(1)

package/factories/createDevServerConfig.js

@@ -8,11 +8,8 @@ const protocol = HTTPS === 'true' ? 'https' : 'http'
 const host = HOST || '0.0.0.0'
 
 const getWatchOptions = ({context, watch}) => {
-  return watch
-    ? {
-        ignored: ignoredFiles(context)
-      }
-    : false
+  if (!watch) return false
+  return {ignored: ignoredFiles(context)}
 }
 
 module.exports = config => ({
@@ -35,9 +32,11 @@ module.exports = config => ({
   historyApiFallback: {
     disableDotRule: true
   },
-  onAfterSetupMiddleware(devServer) {
-    // This service worker file is effectively a 'no-op' that will reset any
-    // previous service worker registered for the same host:port combination.
-    devServer.app.use(noopServiceWorkerMiddleware(config.output.publicPath))
+  setupMiddlewares(middlewares, devServer) {
+    if (!devServer) throw new Error('webpack-dev-server is not defined')
+
+    middlewares.push(noopServiceWorkerMiddleware(config.output.publicPath))
+
+    return middlewares
   }
 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s-ui/bundler",
-  "version": "8.0.0-beta.22",
+  "version": "8.0.0-beta.27",
   "description": "Config-free bundler for ES6 React apps.",
   "bin": {
     "sui-bundler": "./bin/sui-bundler.js"
@@ -25,31 +25,31 @@
     "@s-ui/helpers": "1",
     "@s-ui/sass-loader": "1",
     "address": "1.1.2",
-    "autoprefixer": "10.4.1",
+    "autoprefixer": "10.4.2",
     "babel-loader": "8.2.3",
     "babel-preset-sui": "3",
     "buffer": "6.0.3",
     "commander": "8.3.0",
     "css-loader": "6.5.1",
     "css-minimizer-webpack-plugin": "3.3.1",
-    "esbuild-loader": "2.18.0",
+    "esbuild": "0.14.11",
     "escape-string-regexp": "4.0.0",
-    "fast-glob": "3.2.7",
+    "fast-glob": "3.2.10",
     "find-free-ports": "3.0.0",
     "html-webpack-plugin": "5.5.0",
-    "mini-css-extract-plugin": "2.4.5",
+    "mini-css-extract-plugin": "2.4.6",
     "postcss": "8.4.5",
     "postcss-loader": "6.2.1",
     "process": "0.11.10",
     "rimraf": "3.0.2",
-    "sass": "1.45.2",
+    "sass": "1.48.0",
     "speed-measure-webpack-plugin": "1.5.0",
     "strip-ansi": "6.0.1",
     "style-loader": "3.3.1",
     "url": "0.11.0",
-    "webpack": "5.65.0",
-    "webpack-dev-server": "4.7.2",
-    "webpack-manifest-plugin": "4.0.2",
+    "webpack": "5.66.0",
+    "webpack-dev-server": "4.7.3",
+    "webpack-manifest-plugin": "4.1.1",
     "webpack-node-externals": "3.0.0"
   }
 }

package/shared/minify-js.js

@@ -1,10 +1,10 @@
-const {ESBuildMinifyPlugin} = require('esbuild-loader')
-
-const esbuild = ({sourceMap}) =>
-  new ESBuildMinifyPlugin({
-    target: 'es6',
-    sourcemap: sourceMap !== 'none' && sourceMap !== false
-  })
+const TerserPlugin = require('terser-webpack-plugin')
 
 module.exports = ({extractComments, sourceMap}) =>
-  esbuild({extractComments, sourceMap})
+  new TerserPlugin({
+    minify: TerserPlugin.esbuildMinify,
+    terserOptions: {
+      target: 'es6',
+      sourcemap: sourceMap !== 'none' && sourceMap !== false
+    }
+  })

package/webpack.config.lib.js

@@ -1,11 +1,16 @@
 const webpack = require('webpack')
-const {cleanList, envVars, MAIN_ENTRY_POINT, config} = require('./shared/index')
+const {
+  cleanList,
+  envVars,
+  MAIN_ENTRY_POINT,
+  config
+} = require('./shared/index.js')
 const path = require('path')
-const minifyJs = require('./shared/minify-js')
-const definePlugin = require('./shared/define')
-const babelRules = require('./shared/module-rules-babel')
-const {extractComments, sourceMap} = require('./shared/config')
-const {aliasFromConfig} = require('./shared/resolve-alias')
+const minifyJs = require('./shared/minify-js.js')
+const definePlugin = require('./shared/define.js')
+const babelRules = require('./shared/module-rules-babel.js')
+const {extractComments, sourceMap} = require('./shared/config.js')
+const {aliasFromConfig} = require('./shared/resolve-alias.js')
 
 module.exports = {
   mode: 'production',
@@ -30,6 +35,7 @@ module.exports = {
   optimization: {
     // avoid looping over all the modules after the compilation
     checkWasmTypes: false,
+    minimize: true,
     minimizer: [minifyJs({extractComments, sourceMap})]
   },
   plugins: cleanList([

package/webpack.config.prod.js

@@ -9,21 +9,22 @@ const {WebpackManifestPlugin} = require('webpack-manifest-plugin')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const InlineChunkHtmlPlugin = require('./shared/inline-chunk-html-plugin.js')
 const SpeedMeasurePlugin = require('speed-measure-webpack-plugin')
+
 const {
   when,
   cleanList,
   envVars,
   MAIN_ENTRY_POINT,
   config
-} = require('./shared/index')
-const minifyJs = require('./shared/minify-js')
-const minifyCss = require('./shared/minify-css')
-const definePlugin = require('./shared/define')
-const babelRules = require('./shared/module-rules-babel')
-const manifestLoaderRules = require('./shared/module-rules-manifest-loader')
-const {extractComments, sourceMap} = require('./shared/config')
-const {aliasFromConfig} = require('./shared/resolve-alias')
-const {resolveLoader} = require('./shared/resolve-loader')
+} = require('./shared/index.js')
+const {aliasFromConfig} = require('./shared/resolve-alias.js')
+const {extractComments, sourceMap} = require('./shared/config.js')
+const {resolveLoader} = require('./shared/resolve-loader.js')
+const babelRules = require('./shared/module-rules-babel.js')
+const definePlugin = require('./shared/define.js')
+const manifestLoaderRules = require('./shared/module-rules-manifest-loader.js')
+const minifyCss = require('./shared/minify-css.js')
+const minifyJs = require('./shared/minify-js.js')
 
 const PUBLIC_PATH = process.env.CDN || config.cdn || '/'
 
@@ -70,6 +71,9 @@ const webpackConfig = {
     runtimeChunk: true
   },
   plugins: cleanList([
+    new webpack.ProvidePlugin({
+      process: 'process/browser'
+    }),
     new webpack.ids.HashedModuleIdsPlugin(),
     new webpack.EnvironmentPlugin(envVars(config.env)),
     definePlugin(),

package/webpack.config.server.js

@@ -1,12 +1,12 @@
 const webpack = require('webpack')
 const webpackNodeExternals = require('webpack-node-externals')
 const path = require('path')
-const babelRules = require('./shared/module-rules-babel')
-const manifestLoaderRules = require('./shared/module-rules-manifest-loader')
-const {aliasFromConfig} = require('./shared/resolve-alias')
 
-const {config, when, cleanList} = require('./shared')
-const {resolveLoader} = require('./shared/resolve-loader')
+const {config, when, cleanList} = require('./shared/index.js')
+const babelRules = require('./shared/module-rules-babel.js')
+const manifestLoaderRules = require('./shared/module-rules-manifest-loader.js')
+const {aliasFromConfig} = require('./shared/resolve-alias.js')
+const {resolveLoader} = require('./shared/resolve-loader.js')
 
 const filename = '[name].[chunkhash:8].js'
 
@@ -31,6 +31,7 @@ const webpackConfig = {
   },
   optimization: {
     checkWasmTypes: false,
+    minimize: true,
     nodeEnv: false
   },
   externals: [webpackNodeExternals()],