如何为dev和prod @离子型/应用程序脚本设置动态env变量？

Question

我是一个完整的诺比关于离子/webpack的建设过程，但对于这个任务，我特别指的是：https://github.com/ionic-team/ionic-app-scripts#environments。我不完全理解“如果变量存在于流程环境中，它将被替换为该值”是什么意思。

我的package.json中的脚本如下：

"scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build --dev",
    "build:after": "",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
}

据我所知，我应该能够设置一个env变量，例如process.env.BASE_URL，在我的代码中的任何地方，根据构建的不同，可能是一个不同的值。

我的问题是如何构造脚本以在流程环境中设置变量？这仅仅是将" build“脚本设置为"BASE_URL=myurl离子型应用程序脚本build”的问题吗？如果真的那么简单的话，我将如何访问--prod标志的脚本来设置那个变量呢？提前谢谢你。我真的很喜欢这个社区。

Answer 1

你几乎是对的。通常，我做事情的方式是在脚本配置中定义一个条目，比如"ionic:build:prod" : "BASE_URL=myurl ionic-app-scripts build --prod。这样，您就可以使用一个简单的命令(npm run ionic:build:prod)来运行整个事件。