webpack4的学习之路

1.使用插件 clean-webpack-plugin 去清除dist目录

//引入
const { CleanWebpackPlugin } = require('clean-webpack-plugin')
...
plugins:[
    new CleanWebpackPlugin()
]

2.使用插件 uglifyjs-webpack-plugin 压缩代码

ERROR in xxx.js from UglifyJs

相关配置

首先执行命令

npm i -D babel-core babel-loader babel-preset-es2015 

然后新建文件.babelrc   

{
  "presets": ["es2015"]
}

最后在配置文件 

const UglifyJSWebpackPlugin = require('uglifyjs-webpack-plugin')
...
module: {
   rules: [
     {
       test: /\.js$/,
       exclude: /node_modules/,
       use: {
         loader: 'babel-loader'
       }
     },
     {
       test: /\.css$/,
       use: ['style-loader','css-loader']
     }
   ]
 },
plugins: [
   new UglifyJSWebpackPlugin({
      sourceMap: true  
   })
]