Webpack4嘗鮮

安裝v4.0.0-beta.0

yarn add webpack@next webpack-cli --dev

或者

npm install webpack@next webpack-cli --save-dev

測試例子

創建文件：

運行結果：

哪些新特性

1 不在需要設置配置文件（如上例子）

2 可以選擇兩種模式： 生產模式和開發模式

可以看到，開發模式構建花的時間更少，最終的main.js文件更大；而生成模式構建時間更長， 最終的main.js文件更小。

生產模式：做了各種類型的優化：壓縮，作用域提升等，默認包含了需要手動加入的插件，比如NoEmitOnErrorsPlugin

開發模式：提高了構建速度，輸出文件(main.js)更易閱讀（自動包含了文件路徑名等）

增加了sideEffects配置

在你要導入的庫的package.json中增加sideEffects:false配置

JSON支持和Tree Shaking（無用代碼清除）

通過Es6語法導入JSON時，webpack會自動去除沒有使用的exports。

升級到UglifyJS2

意味著可以使用ES6語法並且能壓縮它（而無需轉換）

幹掉了CommonsChunkPlugin配置

查看具體說明?

gist.github.com

推薦閱讀：