Как чистить html код от строчек подключения скриптов, стилей, после воссоединение всех стилей, скриптов в одиночные файлы?

Question

[gazes12]

Здравствуйте!
К примеру:

<link rel="stylesheet" href="css/style1.css">
    <link rel="stylesheet" href="css/style2.css">
    <link rel="stylesheet" href="css/style3.css">
    <link rel="stylesheet" href="css/style4.css">


    <script src="js/script1.js"></script>
    <script src="js/script2.js"></script>
    <script src="js/script3.js"></script>
    <script src="js/script4.js"></script>

После обработки средствами gulp, выходит только по одному файлу. Можно ли автоматически удалять старые строчки подключение и заменять их на строчки подключения воссозданных файлов?

Comments

[Ankhena]

Google -> gulp replace
и регулярка.

Более приятный ход на мой взгляд - пользоваться шаблонизаторами. Хотя бы его зачатком типа gulp-file-include. Тогда поменять ссылки нужно будет только в одном месте.

[imko]

А ты на дев не бандлишь а на прод бандлишь? 0_о оно ж моментально и так работает

[gazes12]

imko, Не понял. Пожалуйста, по подробнее.
У меня есть папка с исходниками и папка с готовой сборкой.
Я работаю в исходниках.

Я запутался. Как мне дебажить код в файлах, когда они отформатированы и все в одиночных файлах, там каша какая-то.

Запустить просто папку с исходниками - не выйдет, там html по кускам подключается - браузер не видит, собранный html будет только после сборки. Путь к готовым одиночным файлам css, js - прописан в исходнике, ну эти файлы готовы будут только после сборки.
Подскажите, пожалуйста как быть.
Заранее спасибо!

[imko]

gazes12, странный какой то алгоритм. Может просто сразу указать в исходнике путь к бандлу (одиночным файлам как ты гговоришь) ? А вообще чтобы в бандле видеть из какого исходника что взято есть sourcemaps, подтягивается на страницу бандл, подтягивается его карта и ты в скриптах/стилях видишь источник не бандл а реальные свои исходники

[Ankhena]

gazes12,

Я работаю в исходниках.

Логично

Как мне дебажить код в файлах, когда они отформатированы и все в одиночных файлах, там каша какая-то.

Не понятно где каша и почему бы не распределить код по файлам так, чтобы не было каши? (Например, БЭМ или аналогичные подходы).

Смотрите в браузере, исправляете в исходниках.
Если не ясно в каком файле искать, то см выше:
1. переделать на логичную структуру
2. подключить sourcemaps (на этапе разработки не включая плагины для комбинирования media)

[gazes12]

Ankhena, Благодарю)

[gazes12]

imko, Благодарю)