@s-ui/bundler 8.0.0-beta.21 → 8.0.0-beta.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s-ui/bundler",
-  "version": "8.0.0-beta.21",
+  "version": "8.0.0-beta.25",
   "description": "Config-free bundler for ES6 React apps.",
   "bin": {
     "sui-bundler": "./bin/sui-bundler.js"
@@ -21,34 +21,35 @@
   },
   "homepage": "https://github.com/SUI-Components/sui/tree/master/packages/sui-bundler#readme",
   "dependencies": {
-    "@babel/core": "7.16.5",
+    "@babel/core": "7.16.7",
     "@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.1",
+    "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.dev.js

@@ -42,6 +42,7 @@ const webpackConfig = {
     },
     fallback: {
       fs: false,
+      buffer: require.resolve('buffer/'),
       url: require.resolve('url/')
     },
     modules: ['node_modules', path.resolve(process.cwd())],

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()],