Question

我正在构建一个静态站点（即从基本Web服务器提供的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>

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

1 个答案: