第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

在webpack中傳遞環(huán)境因變量

在webpack中傳遞環(huán)境因變量

慕尼黑8549860 2019-07-25 18:14:01
在webpack中傳遞環(huán)境因變量我正在嘗試將一個(gè)角度很大的應(yīng)用程序從GUP轉(zhuǎn)換為WebPack。在GULP中，根據(jù)node_env的不同，我使用glp預(yù)處理來(lái)替換html頁(yè)面中的一些變量(例如數(shù)據(jù)庫(kù)名)。用WebPack實(shí)現(xiàn)類似結(jié)果的最佳方法是什么？
查看完整描述

3 回答

?
jeck貓

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

實(shí)現(xiàn)這一目標(biāo)有兩種基本方法。

DefinePlugin

new webpack.DefinePlugin({
    'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development')}),

請(qǐng)注意，這將只替換匹配的“原樣”。這就是為什么字符串采用它的格式。你可以有一個(gè)更復(fù)雜的結(jié)構(gòu)，比如一個(gè)物體，但是你明白了。

環(huán)境插件

new webpack.EnvironmentPlugin(['NODE_ENV'])

EnvironmentPlugin使用DefinePlugin內(nèi)部，并將環(huán)境值映射為代碼。簡(jiǎn)潔的語(yǔ)法。

化名

或者，您可以通過(guò)別名模塊..從消費(fèi)者的角度來(lái)看，它應(yīng)該是這樣的：

var config = require('config');

配置本身可以如下所示：

resolve: {
    alias: {
        config: path.join(__dirname, 'config', process.env.NODE_ENV)
    }}

比方說(shuō)process.env.NODE_ENV是development..它會(huì)映射到./config/development.js然后。它映射到的模塊可以像這樣導(dǎo)出配置：

module.exports = {
    testing: 'something',
    ...};



查看完整回答
反對(duì) 回復(fù) 2019-07-26
?
婷婷同學(xué)_

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


只是另一個(gè)選項(xiàng)，如果您只想使用cli接口，只需使用define可供選擇的網(wǎng)頁(yè)包。我在我的package.json :

"build-production": "webpack -p --define process.env.NODE_ENV='\"production\"' --progress --colors"

所以我只能跑了npm run build-production.


查看完整回答
反對(duì) 回復(fù) 2019-07-26
  • 3 回答
  • 0 關(guān)注
  • 501 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號(hào)

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