在我的情况下如何在运行时加载JS文件？

Question

我正在尝试在Angular中为不同的环境加载不同的JS文件，因为我的js文件的前缀不同，我无法将它们保存在我的本地。

in dev

js file path is http://myproject-dev.com/product.js

所以我的html就像

 <script src="http://myproject-dev.com/product.js"></script>

刺

js file path is http://myproject.com/product.js

我的HTML就像

<script src="http://myproject.com/product.js"></script>

我需要根据环境加载它们，我在JS中设置了一个变量来检测环境，但我不知道如何在Angular中加载它们或在运行时加载它们。任何提示将不胜感激。谢谢！

Answer 1

使用相对网址。

相同的位置：<script src="product.js"></script>。

使用当前位置的子文件夹：<script src="scripts/product.js"></script>

使用来自root的子文件夹：<script src="/scripts/product.js"></script>

Answer 2

您可以简单地使用相对路径来引用您的文件，而不是使用完整的URL。

如果您的目录结构如下所示：

• JS
  • product.js
• 的index.html

然后在index.html中你可以像这样引用product.js：

<script src="js/product.js"></script>