如何在JS SPA上构建过程之后注入env变量

Question

我们有一个构建服务器，它将把JS源代码传输到包文件中。现在我需要注入依赖于执行应用程序的环境的值。问题是，既然这款应用已经打包好了，我看不出有什么方法可以把它注入干净的。

我在其他团队中看到的替代方案是创建另一个JS文件，让Chef随意替换那个JS文件。然后，JS文件将包含在第二个<script>标记中的主HTML文件中。但是，这感觉是不干净的，因为它需要将变量放在window对象或其他东西中。

那么，在已经转移的源代码中注入env变量的干净方法是什么呢？

Answer 1

有点老了，但我们几个月前偶然发现的一个解决方案是在小型化的sed上运行.js，并为我们打算注入的值替换标记。

// config.js
export default Object.freeze({
  API_URL: 'MY_API_URL',
});

sed -i s|MY_API_URL|api.example.com|g app.min.js

或者类似的东西