@pixolith/webpack-sw6-config 7.4.3 → 7.5.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixolith/webpack-sw6-config",
   "public": true,
-  "version": "7.4.3",
+  "version": "7.5.1",
   "description": "",
   "main": "src/index.js",
   "scripts": {},
@@ -21,7 +21,7 @@
     "url": "https://github.com/pixolith/webpack-plugins/issues"
   },
   "homepage": "https://github.com/pixolith/webpack-plugins/tree/master/packages/webpack-hook-plugin/#readme",
-  "gitHead": "8e347cc5f3f8148994f8a2510bf2a179716a1fc9",
+  "gitHead": "a0131a86ccd750d1249de2675f20ca575bef6b94",
   "dependencies": {
     "@babel/core": "^7.22.1",
     "@babel/eslint-parser": "^7.21.8",
@@ -60,11 +60,11 @@
     "eslint-webpack-plugin": "^4.0.1",
     "execa": "^7.1.1",
     "external-svg-sprite-loader": "^7.2.0",
-    "extract-css-chunks-webpack-plugin": "^4.9.0",
     "file-loader": "^6.2.0",
     "glob": "^10.2.7",
     "html-loader": "^4.2.0",
     "media-query-plugin": "^1.5.0",
+    "mini-css-extract-plugin": "^2.8.1",
     "postcss": "^8.4.24",
     "postcss-loader": "^7.3.2",
     "postcss-pxtorem": "^6.0.0",

package/src/webpack.config.administration.js

@@ -5,7 +5,7 @@ const Path = require('path'),
     entry = require('webpack-glob-entry'),
     publicPath = process.env.PUBLIC_PATH,
     spritePath = process.env.SPRITE_PATH ?? 'custom/plugins/PxswTheme/src/Resources/views/administration',
-    ExtractCssChunks = require('extract-css-chunks-webpack-plugin'),
+    MiniCssExtractPlugin = require('mini-css-extract-plugin'),
     AssetsCopyPlugin = require('@pixolith/webpack-assets-copy-plugin'),
     isProd = process.env.NODE_ENV === 'production',
     SvgStorePlugin = require('@pixolith/external-svg-sprite-loader'),
@@ -22,18 +22,19 @@ const Path = require('path'),
                 /-/g,
                 '',
             )}/administration/js/${pluginName}.js`;
-        },
+        }
     },
-    extractCssChunksConfig = {
-        moduleFilename: ({ name }) => {
-            let pluginName = name.replace('vendor-', '').toLowerCase();
+    miniCssChunksConfig  = {
+        filename: (chunkData) => {
+            let pluginName = chunkData.chunk.name
+                .toLowerCase()
+                .replace('vendor-', '');
             return `${pluginName.replace(
                 /-/g,
                 '',
             )}/administration/css/${pluginName}.css`;
-        },
-        hot: !isProd,
-    };
+        }
+    }
 
 module.exports = {
     entry: () => {
@@ -197,7 +198,7 @@ module.exports = {
             },
         }),
 
-        new ExtractCssChunks(extractCssChunksConfig),
+        new MiniCssExtractPlugin(miniCssChunksConfig),
     ],
 
     optimization: {

package/src/webpack.config.dev.js

@@ -6,7 +6,7 @@ const webpack = require('webpack'),
     StyleLintPlugin = require('stylelint-webpack-plugin'),
     isProd = process.env.NODE_ENV === 'production',
     privatePath = process.env.PLUGIN_PATH,
-    ExtractCssChunks = require('extract-css-chunks-webpack-plugin'),
+    MiniCssExtractPlugin = require('mini-css-extract-plugin'),
     //MediaQueryPlugin = require('media-query-plugin'),
     FilenameLinterPlugin = require('@pixolith/webpack-filename-linter-plugin'),
     ESLintPlugin = require('eslint-webpack-plugin'),
@@ -41,25 +41,12 @@ module.exports = {
             {
                 test: /(\.scss|\.css)$/,
                 use: [
-                    isProd ? ExtractCssChunks.loader : 'style-loader',
-                    {
-                        loader: 'string-replace-loader',
-                        options: {
-                            search: 'ASSET_URL/',
-                            replace: ASSET_URL,
-                            flags: 'g',
-                        },
-                    },
+                    isProd ? MiniCssExtractPlugin.loader : 'style-loader',
                     {
                         loader: 'css-loader',
                         options: {
                             importLoaders: 1,
                             sourceMap: !isProd,
-                            url: {
-                                filter: (url) => {
-                                    return !url.includes('ASSET_URL');
-                                }
-                            }
                         },
                     },
                     //{

package/src/webpack.config.production.js

@@ -24,9 +24,10 @@ const webpack = require('webpack'),
                 new CssMinimizerPlugin({
                     minimizerOptions: {
                         preset: [
-                            "advanced",
+                            "default",
                             {
                                 zIndex: false,
+                                discardComments: { removeAll: true }
                             },
                         ],
                     },

package/src/webpack.config.storefront.js

@@ -1,6 +1,6 @@
 const Path = require('path'),
     Fs = require('fs'),
-    ExtractCssChunks = require('extract-css-chunks-webpack-plugin'),
+    MiniCssExtractPlugin = require('mini-css-extract-plugin'),
     privatePath = process.env.PLUGIN_PATH,
     vendorPath = process.env.VENDOR_PATH,
     spritePath = process.env.SPRITE_PATH ?? 'custom/plugins/PxswTheme/src/Resources/views/storefront',
@@ -28,14 +28,13 @@ const Path = require('path'),
                 : '') + (isProd ? `.${chunkData.chunk.hash}` : '')}.js`;
         },
     },
-    extractCssChunksConfig = {
+    miniCssChunksConfig = {
         filename: `css/[name]${isModern ? '.modern' : ''}${
             isProd ? '.[contenthash]' : ''
         }.css`,
         chunkFilename: `css/[name].vendor${isModern ? '.modern' : ''}${
             isProd ? '.[contenthash]' : ''
-        }.css`,
-        hot: !isProd,
+        }.css`
     };
 
 module.exports = {
@@ -252,6 +251,6 @@ module.exports = {
             },
         }),
 
-        new ExtractCssChunks(extractCssChunksConfig),
+        new MiniCssExtractPlugin(miniCssChunksConfig),
     ],
 };