如何在運行時加載JS文件在我的情況？

Question

我想在不同的環境中加載Angular中的不同JS文件，因爲我的js文件的前綴是不同的，我不能將它們保存在我的本地。

在開發中

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中設置了一個變量來檢測環境，但我不知道如何在HTML或Angular的運行時加載它們。任何提示將不勝感激。謝謝！

Answer 1

使用相對URL。

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

從當前位置的子文件夾：<script src="scripts/product.js"></script>

與根的子文件夾：<script src="/scripts/product.js"></script>

Answer 2

你可以簡單地使用相對路徑來引用文件，而不是使用完整的URL。

，如果你的目錄結構是這樣的：

• JS
  • product.js
• 的index.html

那麼index.html的可以參考的內部product.js是這樣的：

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