@s-ui/bundler 8.0.0-beta.29 → 8.0.0-beta.32

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-analyzer.js

@@ -2,8 +2,8 @@
 /* eslint-disable no-console */
 
 const webpack = require('webpack')
-const log = require('../shared/log')
-const config = require('../webpack.config.prod')
+const log = require('../shared/log.js')
+const config = require('../webpack.config.prod.js')
 const {getSpawnPromise} = require('@s-ui/helpers/cli')
 const logUpdate = require('@s-ui/helpers/log-update')
 

package/bin/sui-bundler-dev.js

@@ -18,8 +18,8 @@ const webpackConfig = require('../webpack.config.dev')
 const createDevServerConfig = require('../factories/createDevServerConfig')
 const createCompiler = require('../factories/createCompiler')
 
-const linkLoaderConfigBuilder = require('../loaders/linkLoaderConfigBuilder')
-const log = require('../shared/log')
+const linkLoaderConfigBuilder = require('../loaders/linkLoaderConfigBuilder.js')
+const log = require('../shared/log.js')
 
 const {CI = false, HOST = '0.0.0.0', HTTPS, PORT} = process.env
 const DEFAULT_PORT = +PORT || 3000

package/bin/sui-bundler-lib.js

@@ -7,8 +7,8 @@ const webpack = require('webpack')
 const path = require('path')
 const {showError, showWarning} = require('@s-ui/helpers/cli')
 const {getPackageJson} = require('@s-ui/helpers/packages')
-const config = require('../webpack.config.lib')
-const log = require('../shared/log')
+const config = require('../webpack.config.lib.js')
+const log = require('../shared/log.js')
 
 program
   .usage('[options] <entry>')

package/factories/createDevServerConfig.js

@@ -12,6 +12,7 @@ const getWatchOptions = ({context, watch}) => {
   return {ignored: ignoredFiles(context)}
 }
 
+/** @returns {import('webpack-dev-server').Configuration} */
 module.exports = config => ({
   allowedHosts: 'all',
   client: {
@@ -20,14 +21,20 @@ module.exports = config => ({
       errors: true,
       warnings: false
     },
-    progress: true
+    progress: false
+  },
+  // Enable gzip compression of generated files
+  compress: true,
+  headers: {
+    'Access-Control-Allow-Origin': '*',
+    'Access-Control-Allow-Methods': '*',
+    'Access-Control-Allow-Headers': '*'
   },
   static: {
     directory: 'public',
     watch: getWatchOptions(config)
   },
   hot: true,
-  https: protocol === 'https',
   host,
   historyApiFallback: {
     disableDotRule: true
@@ -38,5 +45,6 @@ module.exports = config => ({
     middlewares.push(noopServiceWorkerMiddleware(config.output.publicPath))
 
     return middlewares
-  }
+  },
+  server: protocol
 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s-ui/bundler",
-  "version": "8.0.0-beta.29",
+  "version": "8.0.0-beta.32",
   "description": "Config-free bundler for ES6 React apps.",
   "bin": {
     "sui-bundler": "./bin/sui-bundler.js"
@@ -43,7 +43,6 @@
     "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",

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.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