remove console.log for production

Author: cpzhang

docs/2-webpack.md

@@ -380,6 +380,11 @@ mode为production时,默认提供所有可能的优化，如代码压缩/作用
 - image-webpack-loader
 - imagemin-webpack-plugin
 
+### 生产模式清除console.log
+webpack4的production模式并没有对console.log进行清除，可以使用
+- strip-loader，可以清除任何你想清除的function
+- webpack-clear-console
+
 ## 插件
 ### CSS抽离
 - ExtractTextWebpackPlugin

package.json

@@ -29,6 +29,7 @@
     "file-loader": "^1.1.11",
     "html-webpack-plugin": "^3.0.6",
     "react-hot-loader": "^4.0.0",
+    "strip-loader": "^0.1.2",
     "style-loader": "^0.20.2",
     "url-loader": "^1.0.1",
     "webpack": "^4.1.0",

webpack.prod.js

@@ -7,6 +7,7 @@ const base = require('./webpack.config.js');
 /*const UglifyJsPlugin = require('uglifyjs-webpack-plugin');*/
 /*const ExtractTextPlugin = require('extract-text-webpack-plugin');*/
 /*const MiniCssExtractPlugin = require("mini-css-extract-plugin");*/
+const WebpackStrip = require('strip-loader');
 
 module.exports = merge(base, {
     mode: 'production',
@@ -17,6 +18,7 @@ module.exports = merge(base, {
     },
     module: {
         rules: [
+            {test: /\.jsx?$/, use: WebpackStrip.loader('console.log'), exclude: /node_modules/}
             /*{
                 test: /\.css$/,
                 use: ExtractTextPlugin.extract({