У меня есть проект с приблизительно такой структурой:
lang/
— ru.json
audio/
— audio.ogg
popup/
— css/
— — fontello/
— — popup.css
— — jquery.mCustomScrollbar.min.css
— img/
— — image.png
— plugins/
— — jquery.mCustomScrollbar.concat.min.js
— — linkify.min.js
— — Emoji.js
— popup.html
— popup.js
— popup-constructor.js
index.html
jquery-2.1.4.min.js
index.js
get.js
Используется
jquery в index.html и в popup/popup.html.
Также используется
несколько других плагинов в popup/popup.html
Как использовать bower для текущего проекта?
Как вариант, разместить в проекте папку bower_components и в .html файлах ссылаться на файлы из неё, но тогда размер проекта вырастает колоссально (больше чем в 4 раза).
Пробовал использовать Grunt, чтобы объединить все главные файлы из bower и закинуть в проект. И в принципе, это могло бы решить задачу, но не полностью. Как быть с jquery? Он тоже подключается с помощью Bower, и используется в двух разных файлах. Соответственно его нужно минифицировать, но не объединять со всеми остальными плагинами.
С помощью Grunt научился объединять и сжимать файлы. Результат можно закинуть в другую папку, но правильно ли я понимаю, что в таком случае все остальные файлы - аудио, картинки, html - придется копировать в ручную. А потом в .html файлах подключать сжатые файлы скриптов и стилей?
В идеале, хотелось бы получить копию моего проекта, где отдельно сжаты файлы для index.html: index.js+get.js. И для popup.html: popup.js+popup-constructor.js+<все файлы из bower исключая jQuery>, popup.css+<все файлы из bower>.
И чтобы в данных .html файлах автоматически подключились только что сжатые файлы.
Простой
