截止至目前,在 webpack 官網(wǎng) 上已經(jīng)有說(shuō)明:webpack v1 已經(jīng)廢棄了撞叽,在 npm 上 latest 的 tag 已經(jīng)指向了 2.2.1统屈。
需要做的改動(dòng)如下:
-
module.loaders
改名為module.rules
仑荐,loaders
參數(shù)變成了use
蜻势,query
參數(shù)變成了options
- loader 名稱中的
-loader
需要手動(dòng)添加 - 不再需要
json-loader
- webpack.optimize.UglifyJsPlugin 默認(rèn)不生成 sourcemap叔营,需要手動(dòng)開啟
- 不再需要 webpack.optimize.DedupePlugin
- webpack.optimize.OccurrenceOrderPlugin 默認(rèn)開啟屋彪,所以不再需要
- ExtractTextWebpackPlugin 需要使用 2.x 版本,并且修改了 api
- 支持動(dòng)態(tài) import 了绒尊,可以寫
import(\
./routes/${path}/route`)` - 支持解析
import
和exports
關(guān)鍵字了畜挥,不再需要 babel 對(duì)上面兩個(gè)關(guān)鍵字進(jìn)行編譯。在 .babelrc 中關(guān)閉
{
"presets": [
[
"es2015",
{
"modules": false
}
],
"react",
"stage-0"
]
}
- webpack-dev-server 不再接受 contentBase 參數(shù)婴谱,換成了 proxy
- postcss-loader 的參數(shù)需要寫到 loader 的 options 中
- webpack.NoErrorsPlugin 被替換成了 webpack.NoEmitOnErrorsPlugin
- 升級(jí) html-webpack-plugin 到最新版蟹但,v2.27.0 修復(fù)了 wepback@2.x 中 chunksorter 的問(wèn)題
其他兼容的變更,不需要改動(dòng):
- require 中支持 es6 template string
- webpack.config.js 支持異步配置
- webpack.config.js 不再接受不能識(shí)別的配置參數(shù)
- webpack-dev-server 的控制臺(tái)輸出更少信息