您可以通過將模塊導出擴展為箭頭函數(shù)來訪問該模式。它是第二個參數(shù)(args)的一部分,我們可以解構。
module.exports = (env, { mode }) => { const isDevMode = mode === 'development'; return { ...webpack配置在這里 } }
然后,您可以使用類似webpack.define的方法創(chuàng)建客戶端環(huán)境變量,例如:
## 在webpack配置之前 const SOME_STUFF = { production: "a", development: "b" }; const bakeEnvironmentValues = (values, mode) => { return values[mode]; }; ## 在plugins中 new webpack.DefinePlugin({ SOME_ENV: JSON.stringify( bakeEnvironmentValues(SOME_STUFF, mode) )}),
然后,您可以通過在客戶端JS中的任何位置引用SOME_ENV(或您所稱呼的任何名稱)來訪問該環(huán)境變量。