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

Question

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

我当前的解决方案是添加属性data-prod-href和标记，并将引用替换为我的构建脚本的一部分。虽然这使 HTML 文件保持有效，并且允许我在不每次运行构建脚本的情况下进行开发，但感觉有点 NIH。data-prod-srcscriptlink

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

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>