@s-ui/bundler 9.37.0 → 9.38.0

package/README.md

@@ -163,7 +163,7 @@ This tool works with zero configuration out the box but you could use some confi
 {
   "config": {
     "sui-bundler": {
-      "supportLegacyBrowsers": false, // default
+      "supportLegacyBrowsers": true, // default
       "onlyHash": "true",
       "env": ["APP_NAME", ["USER", "DEFAULT_VALUE"]],
       "vendor": ["react", "react-dom"],

package/bin/sui-bundler.js

@@ -11,7 +11,7 @@ program
   .command('lib', 'Compile a library to a bundle with chunks.')
   .command(
     'analyzer',
-    'Compile all assets and create a HTML inpector for your bundle'
+    'Compile all assets and create a HTML inspector for your bundle'
   )
 
 program.parse(process.argv)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s-ui/bundler",
-  "version": "9.37.0",
+  "version": "9.38.0",
   "description": "Config-free bundler for ES6 React apps.",
   "bin": {
     "sui-bundler": "./bin/sui-bundler.js"

package/shared/config.js

@@ -7,7 +7,7 @@ const {'sui-bundler': config = {}} = packageJsonConfig
 const {
   extractComments = false,
   sourcemaps,
-  supportLegacyBrowsers = false
+  supportLegacyBrowsers = true
 } = config
 
 exports.config = config

package/shared/module-rules-babel.js

@@ -5,7 +5,7 @@ const EXCLUDED_FOLDERS_REGEXP = new RegExp(
   `node_modules(?!${path.sep}@s-ui(${path.sep}studio)(${path.sep}workbench)?${path.sep}src)`
 )
 
-module.exports = ({isServer = false} = {}) => ({
+module.exports = ({isServer = false, supportLegacyBrowsers = true} = {}) => ({
   test: /\.jsx?$/,
   exclude: EXCLUDED_FOLDERS_REGEXP,
   use: [
@@ -21,7 +21,7 @@ module.exports = ({isServer = false} = {}) => ({
             require.resolve('babel-preset-sui'),
             {
               isServer,
-              supportLegacyBrowsers: true,
+              isModern: !supportLegacyBrowsers,
               targets: config.targets
             }
           ]

package/webpack.config.dev.js

@@ -14,6 +14,7 @@ const {
 const definePlugin = require('./shared/define.js')
 const manifestLoaderRules = require('./shared/module-rules-manifest-loader.js')
 const {aliasFromConfig, defaultAlias} = require('./shared/resolve-alias.js')
+const {supportLegacyBrowsers} = require('./shared/config.js')
 
 const {resolveLoader} = require('./shared/resolve-loader.js')
 const createBabelRules = require('./shared/module-rules-babel.js')
@@ -82,7 +83,7 @@ const webpackConfig = {
   resolveLoader,
   module: {
     rules: cleanList([
-      createBabelRules(),
+      createBabelRules({supportLegacyBrowsers}),
       {
         test: /(\.css|\.scss)$/,
         use: cleanList([

package/webpack.config.lib.js

@@ -11,7 +11,11 @@ const minifyJs = require('./shared/minify-js.js')
 const definePlugin = require('./shared/define.js')
 const createBabelRules = require('./shared/module-rules-babel.js')
 const sassRules = require('./shared/module-rules-sass.js')
-const {extractComments, sourceMap} = require('./shared/config.js')
+const {
+  extractComments,
+  sourceMap,
+  supportLegacyBrowsers
+} = require('./shared/config.js')
 const {aliasFromConfig} = require('./shared/resolve-alias.js')
 
 const cssFileName = 'styles.css'
@@ -63,6 +67,6 @@ module.exports = {
     definePlugin()
   ]),
   module: {
-    rules: [createBabelRules(), sassRules]
+    rules: [createBabelRules({supportLegacyBrowsers}), sassRules]
   }
 }

package/webpack.config.prod.js

@@ -114,7 +114,7 @@ const webpackConfig = {
   ]),
   module: {
     rules: cleanList([
-      createBabelRules(),
+      createBabelRules({supportLegacyBrowsers}),
       sassRules,
       when(config['externals-manifest'], () =>
         manifestLoaderRules(config['externals-manifest'])