首頁(yè) 猿問(wèn) webpack打包js的時(shí)候可以在...

webpack打包js的時(shí)候可以在JS文件里面加入邏輯選擇性打包代碼嗎？

JavaScript

胡子哥哥 2019-03-01 20:22:15

有個(gè)需求是使用webpack打包的時(shí)候?qū)s文件里面的代碼進(jìn)行選擇性打包，就像HTML打包的那個(gè)插件一樣，通過(guò)包裹的模板語(yǔ)法選擇性打包HTML？

查看完整描述

2 回答

森林海

TA貢獻(xiàn)2011條經(jīng)驗(yàn) 獲得超2個(gè)贊

提供個(gè)思路，利用 webpack.DefinePlugin() 定義 env 變量，然后根據(jù)運(yùn)行命令后面跟的這個(gè)變量，可以實(shí)現(xiàn)選擇性打包。如：
1，定義變量

...
new webpack.DefinePlugin({'process.env': JOSN.stringify({component: `'${process.env.npm_config_component}'`})
})

2，運(yùn)行命令 npm run dev --components=hello,
3，對(duì)應(yīng)的項(xiàng)目文件里，可以使用 process.env.components 來(lái)進(jìn)行區(qū)分

反對(duì) 回復(fù) 2019-03-01

鴻蒙傳說(shuō)

TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊

如圖，我是右邊的數(shù)據(jù)想配置成變量，再到JS里面去通過(guò)判斷 indexOf來(lái)決定要不要某段JS代碼。但是打包出來(lái)后就成了左邊的格式，沒(méi)辦法取

反對(duì) 回復(fù) 2019-03-01

關(guān)注

舉報(bào)

0/150

提交

取消

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)