Webpack 5 release

水木社区手机版

主题:Webpack 5 release
楼主|eGust|2020-10-11 17:19:30|只看此ID
https://webpack.js.org/blog/2020-10-10-webpack-5-release/

Webpack 5 release (2020-10-10)

webpack 4 was released in February 2018. Since then we shipped a lot of features without breaking changes. We know that people dislike major changes with breaking changes. Especially with webpack, which people usually only touch twice a year, and the remaining time it "just works". But shipping features without breaking changes also has a cost: We can't do major API or architectural improvements.

So from time to time, there is a point where the difficulties pile up and we are forced to do breaking changes to not mess everything up. That's the time for a new major version. So webpack 5 contains these architectural improvements and the features that where not possible to implement without them.

The major version was also the chance to revise some of the defaults and to align with proposals and specifications that come up in the meantime.

So today (2020-10-10) webpack 5.0.0 is released, but this doesn't mean it's done, bugfree or even feature-complete. As with webpack 4 we continue development by fixing problems and adding features. In the next days there will probably a lot bugfixes. Features will come later.
--
FROM 115.188.159.*
1楼|eGust|2020-10-11 17:20:13|只看此ID
webpack 4 也已经两年多了啊

这几年 js 社区并没有什么太新鲜的玩意儿出现，所以都在重复造轮子。除了 webpack 以外，现在的 rollup 算是比较成熟的选择，不复杂的东西 parcel 也可以用用。

除了 js 社区本身，其它语言也同样帮着造轮子。目前 go 写的 esbuild 算是比较成熟的，webpack 在速度上自然是不可同日而语。同样 rust 社区也有 swc、rslint 之类的，但是都并不成熟。

前段时间 vue3 发布，试了试他们家的 vite，开发环境用了 esbuild + es module，除了首次运行要建 cache 都是秒起 dev server，而且宣传里说 hmr 只要 50ms 也并不夸张。相比之下 webpack 的体验就成了蜗牛了。我也试了试 snowpack，虽然 dev server 也是一样快，hmr 同样没什么问题，但没有生成 sourcemap，不像 vite 开箱即用。vite 目前是用 rollup 作为 bundler，而 snowpack 可以选 webpack 或者 rollup 作为 bundler。稍微试了一下 rollup，感觉似乎的确比 webpack 更简单一些。不得不说 vue 社区还是挺会搞配套产品的，vite 还在 beta，github 上的星数已经几乎赶上 snowpack 了。后者当初叫 pika/web 什么的，正式发布时改名 snowpack，雷声大雨点小的感觉。

现在有了这么一堆替代品，fb 还有野心勃勃的 rome.js，感觉 webpack 5 在第一段就说，虽然我们发布了但是小心踩雷，以后的命运真的是不靠谱啊

【在 eGust (十年) 的大作中提到: 】
: https://webpack.js.org/blog/2020-10-10-webpack-5-release/
: Webpack 5 release (2020-10-10)
: webpack 4 was released in February 2018. Since then we shipped a lot of features without breaking changes. We know that people dislike major changes with breaking changes. Especially with webpack, which people usually only touch twice a year, and the
: ...................
--
FROM 115.188.159.*
2楼|pangwa|2020-10-11 19:09:02|只看此ID
我们之前从webpack3升级到4, 号称速度提高很大, 但实测基本编译速度没啥提升, 感觉有时候这些这些benchmark也是在理想情况下测的...
【在 eGust (十年) 的大作中提到: 】
: webpack 4 也已经两年多了啊
: 这几年 js 社区并没有什么太新鲜的玩意儿出现，所以都在重复造轮子。除了 webpack 以外，现在的 rollup 算是比较成熟的选择，不复杂的东西 parcel 也可以用用。
: 除了 js 社区本身，其它语言也同样帮着造轮子。目前 go 写的 esbuild 算是比较成熟的，webpack 在速度上自然是不可同日而语。同样 rust 社区也有 swc、rslint 之类的，但是都并不成熟。
: ...................
--
FROM 101.85.232.*
3楼|eGust|2020-10-11 19:25:17|只看此ID
情况并不一样，webpack 首先是一个 bundler，所以它要首先分析依赖，然后再根据依赖关系生成代码。所以任何一个文件变了，它都要重新分析依赖关系，如果其中哪里有语法错误，整个项目都没法构建。在这之上，dev server 只是一个附带产品，用来实时提供打包的结果而已。

snowpack、vite 这些直接并不是 bundler，开发的时候不需要打包，所以它们也不会去分析依赖关系。你向它要哪个文件，就直接把哪个文件编译成 es module 发给你，浏览器自己会去 import。所以 dev server 就是起了一个 http server 而已，你需要哪个文件自己写在 html 里，每次只要编译好这一个文件就可以了。不像 webpack 首先要先打包，想快就只有缓存，依赖分析这个过程还是免不了的。

传统的 webpack 都是用 babel、tsc 这些 js 的工具做翻译，单线程 esbuild 快出来一个数量级并不夸张。当然现在也有 esbuild-loader 可以替换 ts/babel-loader，但目前不管是 create-react-app 还是 vue-cli，应该都还没有用 esbuild-loader。

至于打包的话，esbuild 由于是 go 写的，本身单线程就比 node 快上一个数量级，又能轻松跑满所有核，秒杀一切 js 工具完全不夸张。但打包速度这件事，一般情况下怎样都好，不管用哪个，我觉得都是无所谓的。snowpack 是用户自己从 webpack、rollup 里面选，它都支持；vite 用了 rollup，估计是实测 minify 之后的结果是最小的吧。

【在 pangwa (学门手艺，混口饭吃.) 的大作中提到: 】
: 我们之前从webpack3升级到4, 号称速度提高很大, 但实测基本编译速度没啥提升, 感觉有时候这些这些benchmark也是在理想情况下测的...
--
FROM 115.188.159.*
4楼|pangwa|2020-10-11 20:08:47|只看此ID
赞, 有道理, build工具用js写确实有瓶颈, webpack似乎也有esmodule的支持, 不过我们也没有使用, 不清楚会不会更快一些
webpack配置中加了一砣配置后再迁移感觉就麻烦了0,0 折腾起来也够费劲的
【在 eGust (十年) 的大作中提到: 】
情况并不一样，webpack 首先是一个 bundler，所以它要首先分析依赖，然后再根据依赖关系生成代码。所以任何一个文件变了，它都要重新分析依赖关系，如果其中哪里有语法错误，整个项目都没法构建。在这之上，dev server 只是一个附带产品，用来实时提供打包的结果而已。

snowpack、vite 这些直接并不是 bundler，开发的时候不需要打包，所以它们也不会去分析依赖关系。你向它要哪个文件，就直接把哪个文件编译成 es module 发给你，浏览器自己会去 import。所以 dev server 就是起了一个 http server 而已，你需要哪个文件自己写在 html 里，每次只要编译好这一个文件就可以了。不像 webpack 首先要先打包，想快就只有缓存，依赖分析这个过程还是免不了的。

传统的 webpack 都是用 babel、tsc 这些 js 的工具做翻译，单线程 esbuild 快出来一个数量级并不夸张。当然现在也有 esbuild-loader 可以替换 ts/babel-loader，但目前不管是 create-react-app 还是 vue-cli，应该都还没有用 esbuild-loader。

至于打包的话，esbuild 由于是 go 写的，本身单线程就比 node 快上一个数量级，又能轻松跑满所有核，秒杀一切 js 工具完全不夸张。但打包速度这件事，一般情况下怎样都好，不管用哪个，我觉得都是无所谓的。snowpack 是用户自己从 webpack、rollup 里面选，它都支持；vite 用了 rollup，估计是实测 minify 之后的结果是最小的吧。

【在 pangwa (学门手艺，混口饭吃.) 的大作中提到: 】
: 我们之前从webpack3升级到4, 号称速度提高很大, 但实测基本编译速度没啥提升, 感觉有时候这些这些benchmark也是在理想情况下测的...
--
FROM 101.85.232.*