資訊專(zhuān)欄INFORMATION COLUMN
最近偶然想學(xué)習(xí)下webpack的配置，于是走上了webpack4踩坑的不歸路。。。
webpack4默認(rèn)的特性：
配置默認(rèn)初始化一些配置, 比如 entry 默認(rèn) "./src" 開(kāi)發(fā)模式和發(fā)布模式, 插件默認(rèn)內(nèi)置 CommonsChunk 配置簡(jiǎn)化
使用 ES6 語(yǔ)法，比如 Map, Set, includes 新增 WebAssembly 構(gòu)建支持 如果要使用 webpack
cli 命令，需要多帶帶再安裝 webpack-cli 廢棄并移除了
CommonsChunkPlugin，并且使用一些默認(rèn)值以及更容易被復(fù)寫(xiě)的新 API optimize.splitChunks
來(lái)代替，例如：
optimization: {
splitChunks: {
chunks: "all",
name: "common",
},
runtimeChunk: {
name: "runtime",
}
}
不再需要在 plugin 中設(shè)置 new webpack.optimize.UglifyJsPlugin
，只需要在配置中設(shè)置開(kāi)關(guān)即可，并且 production 模式自動(dòng)開(kāi)啟，可以通過(guò) optimization.minimizer 指定其他壓縮庫(kù)；
Webpack 4 提供了 sideEffects 的配置，引入的第三方插件在 package.json 里面配置
sideEffects:false
extract-text-webpack-plugin 插件炸了，安裝指定 extract-text-webpack-plugin 版本
@next，或者是用optimization.minimizer代替
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/107702.html
摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥(niǎo)雀呼晴，侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門(mén)，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...
摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥(niǎo)雀呼晴，侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門(mén)，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...
摘要：本文主要介紹在移動(dòng)端項(xiàng)目中如何使用及其配置使用腳手架生成的項(xiàng)目，后運(yùn)行彈出配置項(xiàng)，該命令不可逆哦。使用了作為計(jì)算依據(jù)，因此需要在中貼上以下代碼，并沒(méi)有使用淘寶的方案使用的設(shè)計(jì)圖是的哦配置的按需加載當(dāng)然了，你需要先。 本文主要介紹在react移動(dòng)端項(xiàng)目中如何使用antd-mobile2及其配置 使用 create-react-app腳手架生成的項(xiàng)目，后運(yùn)行npm run eject 彈出...
摘要：本文主要介紹在移動(dòng)端項(xiàng)目中如何使用及其配置使用腳手架生成的項(xiàng)目，后運(yùn)行彈出配置項(xiàng)，該命令不可逆哦。使用了作為計(jì)算依據(jù)，因此需要在中貼上以下代碼，并沒(méi)有使用淘寶的方案使用的設(shè)計(jì)圖是的哦配置的按需加載當(dāng)然了，你需要先。 本文主要介紹在react移動(dòng)端項(xiàng)目中如何使用antd-mobile2及其配置 使用 create-react-app腳手架生成的項(xiàng)目，后運(yùn)行npm run eject 彈出...
閱讀 2728·2021-11-24 10:44
閱讀 2049·2021-11-22 13:53
閱讀 2051·2021-09-30 09:47
閱讀 3770·2021-09-22 16:00
閱讀 2513·2021-09-08 09:36
閱讀 2369·2019-08-30 15:53
閱讀 2852·2019-08-30 15:48
閱讀 1078·2019-08-30 15:44
