【update】mini-css-extract-plugin

Author: songyumeng

build/webpack.config.base.js

@@ -1,5 +1,5 @@
 const webpack = require('webpack');
-const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const MiniCssExtractPlugin  = require('mini-css-extract-plugin');
 const ESLintPlugin = require('eslint-webpack-plugin');
 const pkg = require('../package.json');
 
@@ -24,7 +24,8 @@ module.exports = {
 
     //是否启用压缩
     optimization: {
-        minimize: false
+        minimize: false,
+        noEmitOnErrors: true
     },
     //不显示打包文件大小相关警告
     performance: {
@@ -58,11 +59,7 @@ module.exports = {
             },
             css: {
                 test: /\.css$/,
-                use: ExtractTextPlugin.extract({
-                    use: {
-                        loader: 'css-loader'
-                    }
-                })
+                use: [MiniCssExtractPlugin.loader, 'css-loader']
             }
         }
     },
@@ -79,8 +76,7 @@ module.exports = {
     plugins: function (libName, productName) {
         return [
             new webpack.BannerPlugin(this.bannerInfo(productName)),
-            new ExtractTextPlugin(`./${productName}.css`),
-            new webpack.NoEmitOnErrorsPlugin(),
+            new MiniCssExtractPlugin({filename:`./${productName}.css`}),
             new ESLintPlugin({ failOnError: true, files: 'src' })
         ];
     }

package.json

@@ -79,7 +79,6 @@
     "eslint-plugin-import": "^2.22.1",
     "eslint-webpack-plugin": "^2.1.0",
     "express": "^4.16.3",
-    "extract-text-webpack-plugin": "^4.0.0-beta.0",
     "get-pixels": "^3.3.0",
     "image-size": "^0.9.1",
     "istanbul": "^0.4.5",
@@ -93,6 +92,7 @@
     "karma-jasmine": "^3.3.1",
     "karma-sonarqube-unit-reporter": "0.0.21",
     "karma-teamcity-reporter": "^1.1.0",
+    "mini-css-extract-plugin": "^1.0.0",
     "mock-socket": "^9.0.2",
     "nightwatch": "^1.3.1",
     "open": "^7.0.0",