Webpack 是一个现代 JavaScript 应用程序的模块打包器 (module bundler) 。当 Webpack 处理应用程序时,它会递归地构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将所有这些模块打包成少量的 bundle - 通常只有一个,由浏览器加载。

Webpack 4.0.0 已发布首个 beta 测试版本,带来了大量新特性和更改,期待正式版的带来。

重要更改包括:

环境

  • 不再支持 Node.js 4。源代码被升级到更高的 ecmascript 版本


使用

  • 现在必须在两种模式之间选择(mode 或 --mode):生产或开发


语法

  • import() 总是返回一个 namespace 对象。 CommonJS 模块被封装在默认导出中


配置

  • NoEmitOnErrorsPlugin -> optimization.noEmitOnErrors (在生产模式下默认开启)

  • ModuleConcatenationPlugin -> optimization.concatenateModules (在生产模式下默认开启)

  • NamedModulesPlugin -> optimization.namedModules (在开发模式下默认开启)

  • 不再需要以下插件,并替换

  • CommonsChunkPlugin 被移除 -> optimization.splitChunks


JSON

  • webpack 现在能原生处理 JSON

  • 允许通过 ESM 语法导入 JSON

优化

  • 支持 ES2015

  • 升级 uglifyjs-webpack-plugin 至 v1 版本


原文:https://www.oschina.net/news/92760/webpack-4-0-0-beta0

Webpack 4.0.0 beta.0 发布,不再支持 Node.js 4

相关文章: