Gulp вторичные активы
У меня Gulp компиляция всех моих JS и CSS в комбинированные файлы и вывод на /public/assets/js/application.js или /public/assets/js/application.css
Это все замечательно, но такие вещи, как пути URL-адресов к связанным файлам, например, изображениям CSS и т.д., теперь больше не работают.
Поскольку эти связанные активы находятся в моем каталоге /vendor/assets/bower-components, я не могу просто переписать путь, поскольку /vendor недоступен для Интернета. То, что я хотел бы сделать, - пройти через скомпилированные файлы CSS и JS, найти все ссылки на связанные ссылки, пойти и захватить их и поместить их в /public/assets/<filetype-here>
затем перепишите пути в новые местоположения.
Мне нужен способ найти все ссылки (в основном CSS), но может быть JS тоже. Возьмите этот файл, проверьте его тип файла, поместите его в папку /public/assets<filetype-here> и перепишите исходный путь к файлу.
Как бы вы это сделали? Я понимаю, что могу использовать плагины вроде gulp -repace и т.д., Но не уверен, как сделать "взять эту вещь, которая была найдена, и пойти и получить этот файл и сделать что-то с ним".
Пример очень полезен.
Спасибо
Ответы
Ответ 1
Я собирался предложить вам сделать это самостоятельно, но затем я нашел gulp-bower-fix-css-path.
По-видимому, это (еще не столь популярный) инструмент, который может удовлетворить вашим потребностям проекта:
Этот модуль исправляет (реорганизует) путь css assets от bower-installer. Укажите абсолютную папку пути для public/vendor и исправьте все пути, например (fonts, imgs, svgs)
Небольшой инструментальный модуль для комбинирования с беседкой (bower-installer). Исправьте весь путь css (такие как шрифты/изображения) во всех разных хранилищах, которые зависят от вашего проекта.
Тем не менее, я предлагаю вам попробовать использовать эту библиотеку и настроить ее, если это необходимо, и затем сделать запрос на перенос. В противном случае вам нужно будет реализовать все это с нуля.
