Merge branch 'master' of https://github.com/NMFR/optimize-css-assets-webpack-plugin

Author: hzsrc

.editorconfig

@@ -0,0 +1,16 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[Makefile]
+indent_style = tab
+
+[*.md]
+indent_size = 4
+trim_trailing_whitespace = false

.nvmrc

@@ -1 +1 @@
-v8.9.4
+v14.9.0

README.md

@@ -2,6 +2,8 @@
 
 A Webpack plugin to optimize \ minimize CSS assets.
 
+> :warning: For webpack v5 or above please use [css-minimizer-webpack-plugin](https://github.com/webpack-contrib/css-minimizer-webpack-plugin) instead.
+
 ## What does the plugin do?
 
 It will search for CSS assets during the Webpack build and will optimize \ minimize the CSS (by default it uses [cssnano](http://github.com/ben-eb/cssnano) but a custom CSS processor can be specified).
@@ -58,3 +60,4 @@ module.exports = {
 ## License
 
 MIT (http://www.opensource.org/licenses/mit-license.php)
+

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "optimize-css-assets-webpack-plugin",
-  "version": "5.0.2",
+  "version": "5.0.3",
   "description": "A Webpack plugin to optimize \\ minimize CSS assets, with sorce map file name support",
   "keywords": [
     "CSS",
@@ -25,20 +25,20 @@
     ]
   },
   "dependencies": {
-    "cssnano": "^4.1.0",
+    "cssnano": "^4.1.10",
     "last-call-webpack-plugin": "^3.0.0"
   },
   "devDependencies": {
-    "babel-core": "^6.26.0",
-    "babel-jest": "^22.1.0",
+    "babel-core": "^6.26.3",
+    "babel-jest": "^26.3.0",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
     "babel-polyfill": "^6.26.0",
-    "babel-preset-env": "^1.6.1",
-    "css-loader": "^0.28.9",
+    "babel-preset-env": "^1.7.0",
+    "css-loader": "^3.6.0",
     "extract-text-webpack-plugin": "next",
-    "jest": "^22.1.4",
+    "jest": "^26.4.2",
     "style-loader": "^0.20.1",
-    "webpack": "^4.9.1"
+    "webpack": "^4.44.1"
   },
   "peerDependencies": {
     "webpack": "^4.0.0"

package.json

@@ -17,6 +17,6 @@ p {
 "
 `;
 
-exports[`Webpack Integration Tests only-assetNameRegExp-processed 2`] = `"a{color:#00f}body{color:red;margin:0}p{margin:1000px}"`;
+exports[`Webpack Integration Tests only-assetNameRegExp-processed 2`] = `"a{color:#00f}body{margin:0;color:red}p{margin:1000px}"`;
 
 exports[`Webpack Integration Tests removes-duplicate-css 1`] = `"a{color:#00f}body{color:red}p{color:green}"`;

test/__snapshots__/webpack-integration.test.js.snap

@@ -1,6 +1 @@
-body {
-  color: red;
-}
-a {
-  color: blue;
-}
+body{color:red}a{color:blue}

test/cases/assetNameRegExp-no-source/a_optimize-me.css

@@ -1,7 +1 @@
-body {
-  margin: 0;
-  color: red;
-}
-p {
-  margin: 1000px;
-}
+body{margin:0;color:red}p{margin:1000px}

test/cases/assetNameRegExp-no-source/b_optimize-me.css

@@ -1,9 +1 @@
-body {
-  color: red;
-  padding: 0;
-  margin: 0;
-}
-p {
-  padding: 500px;
-  padding: 1000px;
-}
+body{color:red;padding:0;margin:0}p{padding:500px;padding:1000px}

test/cases/assetNameRegExp-no-source/c.css

@@ -10,8 +10,7 @@ module.exports = {
         use: ExtractTextPlugin.extract({
           fallback: { loader: 'style-loader' },
           use: {
-            loader: 'css-loader',
-            options: { minimize: true }
+            loader: 'css-loader'
           }
         })
       },

test/cases/assetNameRegExp-no-source/webpack.config.js

@@ -1,6 +1 @@
-body {
-  color: red;
-}
-a {
-  color: blue;
-}
+body{color:red}a{color:blue}

test/cases/duplicate-css-exists-without-plugin/a.css

@@ -1,6 +1 @@
-body {
-  color: red;
-}
-p {
-  color: green;
-}
+body{color:red}p{color:green}

test/cases/duplicate-css-exists-without-plugin/b.css

@@ -1,23 +1,20 @@
-import ExtractTextPlugin from 'extract-text-webpack-plugin';
-import OptimizeCssAssetsPlugin from '../../../src/';
+import ExtractTextPlugin from "extract-text-webpack-plugin";
+import OptimizeCssAssetsPlugin from "../../../src/";
 
 module.exports = {
-  entry: './index',
+  entry: "./index",
   module: {
     rules: [
       {
         test: /\.css$/,
         use: ExtractTextPlugin.extract({
-          fallback: { loader: 'style-loader' },
+          fallback: { loader: "style-loader" },
           use: {
-            loader: 'css-loader',
-            options: { minimize: true }
+            loader: "css-loader"
           }
         })
-      },
-    ],
+      }
+    ]
   },
-  plugins: [
-    new ExtractTextPlugin('file.css')
-  ],
+  plugins: [new ExtractTextPlugin("file.css")]
 };

test/cases/duplicate-css-exists-without-plugin/webpack.config.js

@@ -1 +1 @@
-a{color:#00f}body{color:red;margin:0}p{margin:1000px}
+a{color:#00f}body{margin:0;color:red}p{margin:1000px}

test/cases/only-assetNameRegExp-processed/expected/optimize.css

@@ -1,40 +1,38 @@
-import ExtractTextPlugin from 'extract-text-webpack-plugin';
-import OptimizeCssAssetsPlugin from '../../../src/';
+import ExtractTextPlugin from "extract-text-webpack-plugin";
+import OptimizeCssAssetsPlugin from "../../../src/";
 
-const notToProcess = new ExtractTextPlugin('as_is.css');
-const toProcess = new ExtractTextPlugin('optimize.css');
+const notToProcess = new ExtractTextPlugin("as_is.css");
+const toProcess = new ExtractTextPlugin("optimize.css");
 
 module.exports = {
-  entry: './index',
+  entry: "./index",
   module: {
     rules: [
       {
         test: /as-is\.css$/,
         use: notToProcess.extract({
-          fallback: { loader: 'style-loader' },
+          fallback: { loader: "style-loader" },
           use: {
-            loader: 'css-loader',
-            options: { minimize: false }
+            loader: "css-loader"
           }
         })
       },
       {
         test: /optimize-me\.css$/,
         use: toProcess.extract({
-          fallback: { loader: 'style-loader' },
+          fallback: { loader: "style-loader" },
           use: {
-            loader: 'css-loader',
-            options: { minimize: false }
+            loader: "css-loader"
           }
         })
       }
-    ],
+    ]
   },
   plugins: [
     notToProcess,
     toProcess,
     new OptimizeCssAssetsPlugin({
       assetNameRegExp: /optimize\.css/g
     })
-  ],
+  ]
 };

test/cases/only-assetNameRegExp-processed/webpack.config.js

@@ -1,24 +1,20 @@
-import ExtractTextPlugin from 'extract-text-webpack-plugin';
-import OptimizeCssAssetsPlugin from '../../../src/';
+import ExtractTextPlugin from "extract-text-webpack-plugin";
+import OptimizeCssAssetsPlugin from "../../../src/";
 
 module.exports = {
-  entry: './index',
+  entry: "./index",
   module: {
     rules: [
       {
         test: /\.css$/,
         use: ExtractTextPlugin.extract({
-          fallback: { loader: 'style-loader' },
+          fallback: { loader: "style-loader" },
           use: {
-            loader: 'css-loader',
-            options: { minimize: true }
+            loader: "css-loader"
           }
         })
-      },
-    ],
+      }
+    ]
   },
-  plugins: [
-    new ExtractTextPlugin('file.css'),
-    new OptimizeCssAssetsPlugin()
-  ],
+  plugins: [new ExtractTextPlugin("file.css"), new OptimizeCssAssetsPlugin()]
 };

test/cases/removes-duplicate-css/webpack.config.js

@@ -1,40 +1,39 @@
-import fs from 'fs';
-import path from 'path';
-import ExtractTextPlugin from 'extract-text-webpack-plugin';
+import fs from "fs";
+import path from "path";
+import ExtractTextPlugin from "extract-text-webpack-plugin";
 
 export function readFileOrEmpty(path) {
   try {
-    return fs.readFileSync(path, 'utf-8');
+    return fs.readFileSync(path, "utf-8");
   } catch (e) {
-    return '';
+    return "";
   }
 }
 
 export const defaultConfig = {
-  entry: './index',
+  entry: "./index",
   module: {
     rules: [
       {
         test: /\.css$/,
         use: ExtractTextPlugin.extract({
-          fallback: { loader: 'style-loader' },
+          fallback: { loader: "style-loader" },
           use: {
-            loader: 'css-loader',
-            options: { minimize: true }
+            loader: "css-loader"
           }
         })
-      },
-    ],
+      }
+    ]
   },
   plugins: [],
   context: __dirname,
   output: {
-    filename: 'destination.js',
-    path: path.resolve(__dirname, '../', 'js', 'default-exports')
+    filename: "destination.js",
+    path: path.resolve(__dirname, "../", "js", "default-exports")
   }
 };
 
-export function checkForWebpackErrors({err, stats, done}) {
+export function checkForWebpackErrors({ err, stats, done }) {
   if (err) return done(err);
   if (stats.hasErrors()) return done(new Error(stats.toString()));
 }