xxholly32 / xxholly32.github.io

xiangxiao 的blog
1 stars 1 forks source link

webpack4 内容研究 #10

Open xxholly32 opened 6 years ago

xxholly32 commented 6 years ago

项目的整体目标

① 明确目标

② 确定结果

③ 制定工作流

内容研究 3/25

④ 总结与头脑风暴

⑤ what`s next ?

xxholly32 commented 6 years ago

新特性

webpack 4 更快(速度提升98%)!

没真实测试过,反正我信了!! :blush:

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

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 的文档还在制作中

https://github.com/webpack/webpack.js.org/issues/1706

cli的支持

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

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

支持html和css模型

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

相关资源