[email protected]升级@4.19.0

  1. 插件报错

    webpack@1.5.0升级@4.19.0_第1张图片
    1536894531645.jpg

    解决方案:(修改插件名称)NoEmitOnErrorsPlugin
  1. 配置格式错误


    webpack@1.5.0升级@4.19.0_第2张图片
    1536895784428.jpg

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

  1. plugin的删除


    webpack@1.5.0升级@4.19.0_第3张图片
    1536910107180.jpg
  2. dev文件dist文件sld文件增加mode配置

  3. bable-preset-es2015安装

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

  5. 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
}
  1. 按需加载
    https://zhuanlan.zhihu.com/p/26228500

你可能感兴趣的:([email protected]升级@4.19.0)