webpack - 如何在生產和開發環境中使用不同的變量

Question

是否有可能在開發和生產環境中使用一個變量。我應該用什麼來製作這個變量。測試位置網址是一個很好的解決方案嗎？

Answer 1

在你package.json文件，你可以在這個例子中 script部分設置環境變量，像NODE_ENV=production爲build腳本：

{ 
    "scripts": { 
    "start": "npm run dev", 
    "dev": "./node_modules/.bin/webpack-dev-server ...", 
    "build": "NODE_ENV=production ./node_modules/.bin/webpack -p --config webpack.production.config.js" 
} ... } 

然後，在你的JavaScript代碼，你可以測試使用它的process全球：

if (process.env.NODE_ENV === 'production') { ... } else { ... } 

希望這會有所幫助。