被webpack支配的恐惧之 vue-cli 由webpack 3.6 向 webpack 4.16 迁移 about blog

[rottenpen]

webpack4 更新了什么？

这里另开一个 issue 翻译 webpack4 更新了啥？

[rottenpen]

正文

更新依赖

首当其冲的，自然是要更新 webpack 4.* 的版本，我现在就新的版本是 webpack 4.16，对应的是还没完全改版前的最后一个版本 vue-cli (webpack3.6)。
然后我们要更新其他依赖，推荐使用 npm-check，它可以检查到你所有有后续新版的依赖包，并可以选择性安装。

npm i -g npm-check
npm-check -u -D  // 检查devDependencies上的依赖是否更新

这里建议全部都更。
除此之外，还要另外更新 postcss 血的教训，因为网上的教程都没说，postcss 在 vue-cli 的 package.json 里是没有的，因为它会作为其他 postcss 插件的依赖，被记录在 package-lock.json 上，然而 webpack4 不吃这一套，就要用最新版的 postcss 。

mode 模式

webpack4 新出的 mode 模式。