webpack4 内容研究

[xxholly32]

项目的整体目标

① 明确目标

② 确定结果

③ 制定工作流

内容研究 3/25

④ 总结与头脑风暴

⑤ what`s next ?

[xxholly32]

新特性

webpack 4 更快（速度提升98%）！

没真实测试过，反正我信了！！ 😊

在之前的版本的速度已经让人满意了，关键还是看一些热部署的速度。

0 配置

webpack CLI

更新成 v4 后，需要额外安装 webpack-cli。

CLI has been move to webpack-cli, you need to install webpack-cli to use the CLI
npm i -D webpack-cli

https://webpack.js.org/guides/getting-started/ 官方demo已经写了，可以直接获取src/index 并打包到dist文件夹下面的bundle（我测试出来是main.js）；但0配置对于傻瓜采用的；

CommonsChunkPlugin 移除了

在新版中我们废弃并移除了 CommonsChunkPlugin，并且使用一些默认值以及更容易被复写的新 API optimize.splitChunks 来代替它。现在你可以在大部分场景中享受自动分块带来的便利了！

HtmlWebpackPlugin

应该是作者被拉去谈话了，所以这块的适配还需要一定的时间，持续关注ing...

v4 的文档还在制作中

webpack/webpack.js.org#1706

cli的支持

vue开始做webpack4的支持了https://github.com/vuejs/vue-cli/tree/webpack4

AngularCLI 团队已经计划在近几周即将发布的大版本中直接使用 webpack 4！

支持html和css模型

最让人激动的是，我们甚至可以支持 CSS 和 HTML 模块类型（计划在 webpack 4.x - 5 间版本实现）。 它将允许我们直接将 HTML 作为入口文件！

相关资源

• 奇舞团的翻译https://zhuanlan.zhihu.com/p/34028750 原文地址 ：https://medium.com/webpack/webpack-4-released-today-6cdb994702d4

• webpack4官方文档Release - Document v4 (Migration Guide and Feature Additions) webpack/webpack.js.org#1706