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 global：

对其进行测试

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

希望这有帮助。