2018/07/27 webpack4 总结

[ChenPt]

webpack4 内置了很多插件，所以之前一些需要手动引入的插件都不用再引入了。

webpack的基础概念

entry, output, rules, plugins 主要就是这四个东西

webpack4新写法

vue-loader 需要显式在plugins数组里引入，不然会报错

const { VueLoaderPlugin } = require('vue-loader')
/*
...
*/
plugins: [
    new VueLoaderPlugin()  // webpack 4 vue-loader需要这样使用
]

新增了mode，可以不用手动设置process.env.NODE_ENV了

mode: 'development'  // 自动设置`process.env.NODE_ENV`的值为"development"

而且还会根据当前的构建环境来执行默认内置的插件，进行优化

具体参考 webpack中文网

code spliting

缓存

manifest & runtime & vendor

[Liugq5713]

typo: vue-loader 需要显示在plugins数组里引入，不然会报错 ===》 显式在plugin引入