@s-ui/bundler 8.0.0-beta.30 → 8.0.0-beta.34

package/README.md

@@ -171,7 +171,6 @@ This tool works with zero configuration out the box but you could use some confi
       "alias": {
         "react": "preact"
       },
-      "measure": true,
       "offline": true,
       "targets": {
         "chrome": "41",
@@ -213,10 +212,6 @@ You should pass a handler in order to handle when content gets cached for the fi
 
 If you want to remove your ServiceWorker, you need to use the method `unregister`, the same way you used the `register` method before.
 
-### Build time measurement
-
-Set `measure` to `true` if you want to check step by step build times.
-
 ### Only Caching
 
 It's possible to create a service worker that caches all static resources

package/bin/sui-bundler-lib.js

@@ -28,14 +28,10 @@ program
   )
   .parse(process.argv)
 
-const {
-  clean = false,
-  output,
-  umd = false,
-  path: publicPath,
-  args: [entry],
-  root = false
-} = program.opts()
+const [entry] = program.args
+const options = program.opts()
+const {clean = false, output, umd = false, root = false} = options
+const publicPath = options.path
 
 if (!output) {
   showError(new Error('--output is mandatory.'), program)

package/loaders/linkLoaderConfigBuilder.js

@@ -1,8 +1,8 @@
 const fg = require('fast-glob')
 const path = require('path')
 
-const log = require('../shared/log')
-const {defaultAlias} = require('../shared/resolve-alias')
+const log = require('../shared/log.js')
+const {defaultAlias} = require('../shared/resolve-alias.js')
 const createSassLinkImporter = require('./sassLinkImporter.js')
 
 const diccFromAbsolutePaths = (paths, init = {}) =>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s-ui/bundler",
-  "version": "8.0.0-beta.30",
+  "version": "8.0.0-beta.34",
   "description": "Config-free bundler for ES6 React apps.",
   "bin": {
     "sui-bundler": "./bin/sui-bundler.js"
@@ -32,22 +32,21 @@
     "commander": "8.3.0",
     "css-loader": "6.5.1",
     "css-minimizer-webpack-plugin": "3.4.1",
-    "esbuild": "0.14.11",
+    "esbuild": "0.14.13",
     "escape-string-regexp": "4.0.0",
     "fast-glob": "3.2.10",
     "find-free-ports": "3.0.0",
     "html-webpack-plugin": "5.5.0",
-    "mini-css-extract-plugin": "2.5.2",
+    "mini-css-extract-plugin": "2.5.3",
     "postcss": "8.4.5",
     "postcss-loader": "6.2.1",
     "process": "0.11.10",
     "rimraf": "3.0.2",
     "sass": "1.49.0",
-    "speed-measure-webpack-plugin": "1.5.0",
     "strip-ansi": "6.0.1",
     "style-loader": "3.3.1",
     "url": "0.11.0",
-    "webpack": "5.66.0",
+    "webpack": "5.67.0",
     "webpack-dev-server": "4.7.3",
     "webpack-manifest-plugin": "4.1.1",
     "webpack-node-externals": "3.0.0"

package/utils/webpackHotDevClient.js

@@ -22,7 +22,7 @@
 
 const stripAnsi = require('strip-ansi')
 const url = require('url')
-const formatWebpackMessages = require('./formatWebpackMessages')
+const formatWebpackMessages = require('./formatWebpackMessages.js')
 
 // We need to keep track of if there has been a runtime error.
 // Essentially, we cannot guarantee application state was not corrupted by the

package/webpack.config.dev.js

@@ -3,7 +3,6 @@
 const path = require('path')
 const webpack = require('webpack')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
-const SpeedMeasurePlugin = require('speed-measure-webpack-plugin')
 
 const {
   envVars,
@@ -27,8 +26,6 @@ const {CI = false} = process.env
 
 process.env.NODE_ENV = 'development'
 
-const smp = new SpeedMeasurePlugin()
-
 /** @typedef {import('webpack').Configuration} WebpackConfig */
 
 /** @type {WebpackConfig} */
@@ -132,4 +129,4 @@ const webpackConfig = {
     config.sourcemaps && config.sourcemaps.dev ? config.sourcemaps.dev : false
 }
 
-module.exports = config.measure ? smp.wrap(webpackConfig) : webpackConfig
+module.exports = webpackConfig

package/webpack.config.lib.js

@@ -29,7 +29,6 @@ module.exports = {
     : MAIN_ENTRY_POINT,
   target: 'web',
   output: {
-    jsonpFunction: 'suiWebpackJsonp',
     filename: 'index.js'
   },
   optimization: {
@@ -47,10 +46,5 @@ module.exports = {
   ]),
   module: {
     rules: [babelRules]
-  },
-  node: {
-    fs: 'empty',
-    net: 'empty',
-    tls: 'empty'
   }
 }

package/webpack.config.prod.js

@@ -8,7 +8,6 @@ const HtmlWebpackPlugin = require('html-webpack-plugin')
 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,
@@ -36,8 +35,6 @@ const cssFileName = config.onlyHash
   ? '[contenthash:8].css'
   : '[name].[contenthash:8].css'
 
-const smp = new SpeedMeasurePlugin()
-
 /** @typedef {import('webpack').Configuration} WebpackConfig */
 
 /** @type {WebpackConfig} */
@@ -68,7 +65,10 @@ const webpackConfig = {
     minimizer: [minifyJs({extractComments, sourceMap}), minifyCss()].filter(
       Boolean
     ),
-    runtimeChunk: true
+    runtimeChunk: true,
+    splitChunks: {
+      chunks: 'all'
+    }
   },
   plugins: cleanList([
     new webpack.ProvidePlugin({
@@ -137,4 +137,4 @@ const webpackConfig = {
   resolveLoader
 }
 
-module.exports = config.measure ? smp.wrap(webpackConfig) : webpackConfig
+module.exports = webpackConfig