webpack@1.5.0升级@4.19.0

1. 插件报错
   

   1536894531645.jpg
   
   解决方案：（修改插件名称）NoEmitOnErrorsPlugin

2. 配置格式错误

   
   
   1536895784428.jpg

去掉一些属性，loaders是主要要修改的地方。注意postcss需要特殊的配置。

3. plugin的删除

   
   
   1536910107180.jpg

4. dev文件dist文件sld文件增加mode配置

5. bable-preset-es2015安装

6. 关于热更新理解热替换和热更新的区别

7. dist增加插件 每次打包会删除dist文件夹的文件

let CleanWebpackPlugin = require('clean-webpack-plugin');

module.exports = {
    new CleanWebpackPlugin(
          ['dist/assets/main-*.js','dist/assets/main-*.js.map'],
            {
                root:process.cwd(),       　　　　　　　　　　//根目录
                verbose:  true,        　　　　　　　　　　//开启在控制台输出信息
                dry:      false        　　　　　　　　　　//启用删除文件
            }　 
        )s
}

8. 按需加载
   https://zhuanlan.zhihu.com/p/26228500