[英]Have an HTML load a JS file from different places, depending on environment
如何根據我的環境讓index.html從不同位置加載JS文件？
在開發中，我希望文件的src是絕對路徑： /dist/bundle.js
在生產中，我希望文件的src是相對路徑： dist/bundle.js
這是加載文件的HTML：
<!doctype html>
<html>
<head>
<title>Sample App</title>
</head>
<body>
<div id='root'>
</div>
<script src="/dist/bundle.js"></script>
</body>
</html>
如果有幫助，我正在使用Webpack。
您已經提到正在使用webpack，我假設在開發和生產中使用了不同的配置。
您可以嘗試html-webpack-plugin並將其設置為將腳本注入到index.html文件中。 這樣，腳本將基於webpack輸出設置注入HTML。 您可能需要相應地調整配置。 如果那不起作用，那么webpack-path-rewriter似乎也是一個選項，但是我還沒有嘗試過。
或者，您可以編寫一個小的腳本，該腳本將根據document.location.hostname確定環境，然后包含具有正確src路徑的<script> 。 但是這種方法似乎並不正確，並且易於更改域。
但是我同意@Makyen的觀點，使環境相同。 我認為產品生產將更難以更改，因此請嘗試將其與您在開發中所做的事情相匹配。
p5.js：如何根據HTML頁面使草圖加載不同的.txt文件？
[英]p5.js: How can I make my sketch load a different .txt file depending on the HTML page?
從我選擇的不同間隔將相同的jquery文件中的多個js函數加載到多個html頁面中
[英]Load several js function from the same jquery file unto several html pages at different intervals of my choice
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.