@s-ui/bundler 9.29.0 → 9.30.1-beta.1

package/bin/sui-bundler-dev.js

@@ -9,14 +9,14 @@ const program = require('commander')
 const path = require('path')
 const WebpackDevServer = require('webpack-dev-server')
 
-const clearConsole = require('../utils/clearConsole')
-const checkRequiredFiles = require('../utils/checkRequiredFiles')
+const clearConsole = require('../utils/clearConsole.js')
+const checkRequiredFiles = require('../utils/checkRequiredFiles.js')
 const {choosePort, prepareUrls} = require('../utils/WebpackDevServerUtils.js')
 
-const webpackConfig = require('../webpack.config.dev')
+const webpackConfig = require('../webpack.config.dev.js')
 
-const createDevServerConfig = require('../factories/createDevServerConfig')
-const createCompiler = require('../factories/createCompiler')
+const createDevServerConfig = require('../factories/createDevServerConfig.js')
+const createCompiler = require('../factories/createCompiler.js')
 
 const linkLoaderConfigBuilder = require('../loaders/linkLoaderConfigBuilder.js')
 const log = require('../shared/log.js')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s-ui/bundler",
-  "version": "9.29.0",
+  "version": "9.30.1-beta.1",
   "description": "Config-free bundler for ES6 React apps.",
   "bin": {
     "sui-bundler": "./bin/sui-bundler.js"
@@ -22,25 +22,24 @@
   "homepage": "https://github.com/SUI-Components/sui/tree/master/packages/sui-bundler#readme",
   "dependencies": {
     "@babel/core": "7.18.5",
+    "@parcel/css": "1.12.0",
     "@s-ui/helpers": "1",
     "@s-ui/sass-loader": "1",
     "address": "1.2.0",
-    "autoprefixer": "10.4.7",
     "babel-loader": "8.2.5",
     "babel-preset-sui": "3",
     "buffer": "6.0.3",
     "commander": "8.3.0",
     "css-loader": "6.7.1",
     "css-minimizer-webpack-plugin": "4.0.0",
-    "esbuild": "0.14.43",
-    "escape-string-regexp": "4.0.0",
+    "esbuild": "0.14.46",
+    "escape-string-regexp": "5.0.0",
     "fast-glob": "3.2.11",
     "find-free-ports": "3.0.0",
     "html-webpack-plugin": "5.5.0",
     "https-browserify": "1.0.0",
-    "mini-css-extract-plugin": "2.6.0",
-    "postcss": "8.4.14",
-    "postcss-loader": "7.0.0",
+    "mini-css-extract-plugin": "2.6.1",
+    "parcel-css-loader": "1.0.7",
     "process": "0.11.10",
     "sass": "1.52.3",
     "stream-http": "3.2.0",

package/shared/index.js

@@ -1,4 +1,4 @@
-const {config} = require('./config')
+const {config} = require('./config.js')
 
 exports.MAIN_ENTRY_POINT = './app.js'
 exports.config = config

package/shared/minify-css.js

@@ -1,15 +1,9 @@
-const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
+const {ParcelCssMinifyPlugin} = require('parcel-css-loader')
+const parcelCss = require('@parcel/css')
 
 const createCssMinimizerPlugin = () =>
-  new CssMinimizerPlugin({
-    minimizerOptions: {
-      preset: [
-        'default',
-        {
-          discardComments: {removeAll: true}
-        }
-      ]
-    }
+  new ParcelCssMinifyPlugin({
+    implementation: parcelCss
   })
 
 module.exports = () => createCssMinimizerPlugin()

package/shared/module-rules-babel.js

@@ -1,5 +1,5 @@
 const {sep} = require('path')
-const {config} = require('./')
+const {config} = require('./index.js')
 
 module.exports = {
   test: /\.jsx?$/,

package/shared/module-rules-sass.js

@@ -1,6 +1,7 @@
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const parcelCSS = require('@parcel/css')
 
-const {cleanList, config, when} = require('./index')
+const {cleanList, config, when} = require('./index.js')
 
 module.exports = {
   test: /(\.css|\.scss)$/,
@@ -14,15 +15,9 @@ module.exports = {
       }
     })),
     {
-      loader: require.resolve('postcss-loader'),
+      loader: require.resolve('parcel-css-loader'),
       options: {
-        postcssOptions: {
-          plugins: [
-            require('autoprefixer')({
-              overrideBrowserslist: config.targets
-            })
-          ]
-        }
+        implementation: parcelCSS
       }
     },
     require.resolve('@s-ui/sass-loader')

package/webpack.config.dev.js

@@ -3,6 +3,7 @@
 const path = require('path')
 const webpack = require('webpack')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
+const parcelCSS = require('@parcel/css')
 
 const {
   envVars,
@@ -22,7 +23,7 @@ const EXCLUDED_FOLDERS_REGEXP = new RegExp(
 )
 const outputPath = path.join(process.cwd(), 'dist')
 
-const {CI = false} = process.env
+const {CI = false, PWD = ''} = process.env
 
 process.env.NODE_ENV = 'development'
 
@@ -31,7 +32,7 @@ process.env.NODE_ENV = 'development'
 /** @type {WebpackConfig} */
 const webpackConfig = {
   mode: 'development',
-  context: path.resolve(process.env.PWD, 'src'),
+  context: path.resolve(PWD, 'src'),
   resolve: {
     alias: {
       ...defaultAlias,
@@ -106,18 +107,7 @@ const webpackConfig = {
             }
           })),
           require.resolve('css-loader'),
-          {
-            loader: require.resolve('postcss-loader'),
-            options: {
-              postcssOptions: {
-                plugins: [
-                  require('autoprefixer')({
-                    overrideBrowserslist: config.targets
-                  })
-                ]
-              }
-            }
-          },
+          [require.resolve('parcel-css-loader'), {implementation: parcelCSS}],
           require.resolve('@s-ui/sass-loader')
         ])
       },