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 { ... } 

希望这会有所帮助。