首頁猿問 webpack使用DefinePl...

webpack使用DefinePlugin設(shè)定環(huán)境變量的問題

webpack

阿波羅的戰(zhàn)車 2018-09-07 22:23:59

最近在看webpack4的官方文檔時(shí)，被一個(gè)東西弄混了，就是使用DefinePlugin設(shè)定環(huán)境變量的問題，見代碼：import webpack from 'webpack';// 如果預(yù)先定義過環(huán)境變量，就將其賦值給`ASSET_PATH`變量，否則賦值為根目錄const ASSET_PATH = process.env.ASSET_PATH || '/';export default { output: { publicPath: ASSET_PATH }, plugins: [ // 該插件幫助我們安心地使用環(huán)境變量 new webpack.DefinePlugin({ 'process.env.ASSET_PATH': JSON.stringify(ASSET_PATH) }) ] };這是官網(wǎng)上的代碼這是鏈接我想問一下，上面是取process.env.ASSET_PATH賦給ASSET_PATH ，下面有使用DefinePlugin設(shè)定process.env.ASSET_PATH的值為ASSET_PATH ，這是什么意思?。坑袥]有大神，能解釋的通俗易懂一點(diǎn)，謝謝！

查看完整描述

1 回答

FFIVE

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

自己手動(dòng)敲了一遍，結(jié)論是沒有任何意義，
先執(zhí)行const ASSET_PATH = process.env.ASSET_PATH || '/';
此時(shí)process.env.ASSET_PATH未知，故ASSET_PATH = '/';
然后執(zhí)行
`new webpack.DefinePlugin({
'process.env.ASSET_PATH': JSON.stringify(ASSET_PATH)
})`
此時(shí)ASSET_PATH = '/';故等同于：
`new webpack.DefinePlugin({
'process.env.ASSET_PATH': '/'
})`
就這么簡(jiǎn)單