Как заменить ссылки 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>