javascript - 部署静态站点时如何替换JS和CSS引用？

Question

我正在构建一个静态站点(即从基本网络服务器提供的 HTML 文件)。在开发期间，我想使用 Javascript 代码和 CSS 文件的本地(和非缩小)副本，但在部署时，我想引用相同文件的缩小版本。

我目前的解决方案是将 data-prod-href 和 data-prod-src 属性添加到 script 和 link 标记并将引用替换为我的构建脚本的一部分。虽然这使 HTML 文件保持有效并允许我无需每次都运行构建脚本即可进行开发，但感觉有点 NIH。

我环顾四周，没有找到任何此类事情的标准做法。我错过了什么？

Answer 1

你可以使用下面的脚本

<script>
if(location.hostname == "your_site.com"){
$.getScript("your_minified_script.js", function(data, textStatus, jqxhr) {
console.log(data); //data returned
console.log(textStatus); //success
console.log(jqxhr.status); //200
console.log('Load was performed.');
});   
}
else
{
$.getScript("your_non_minified_script.js", function(data, textStatus, jqxhr) {
console.log(data); //data returned
console.log(textStatus); //success
console.log(jqxhr.status); //200
console.log('Load was performed.');
});
}
</script>