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