javascript - webpack - 如何为生产环境和开发环境设置不同的变量

Question

是否可以有一个在开发环境和生产环境中不同的变量。我应该用什么来制作那个变量。测试位置 url 是一个好的解决方案吗？

Answer 1

在您的 package.json 文件中，您可以在script 部分，如本例中 build 脚本的 NODE_ENV=production:

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

希望这对您有所帮助。