webpack嚐鮮

安裝v4.0.0-beta.0

yarn add webpack@next webpack-cli --dev

或者

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

測試例子

建立文件：

運行結果：

哪些新特性

1 不在須要設置配置文件（如上例子）
默認入口文件爲./src 默認輸出文件爲./dist
2 能夠選擇兩種模式：生產模式和開發模式

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

生產模式：作了各類類型的優化：壓縮，做用域提高等，默認包含了須要手動加入的插件，好比NoEmitOnErrorsPlugin
開發模式：提升了構建速度，輸出文件(main.js)更易閱讀（自動包含了文件路徑名等）

增長了sideEffects配置

在你要導入的庫的package.json中增長sideEffects:false配置
demo查看

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

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

升級到UglifyJS2

意味着能夠使用ES6語法而且能壓縮它（而無需轉換）

幹掉了CommonsChunkPlugin配置

查看具體說明

更多看: webpack官方