Показать сообщение отдельно
  #1 (permalink)  
Старый 08.06.2016, 13:27
Новичок на форуме
Отправить личное сообщение для SlavetZ Посмотреть профиль Найти все сообщения от SlavetZ
 
Регистрация: 08.06.2016
Сообщений: 4

GULP - Как реализовать сборку
О себе: только начинаю курить тему про node и gulp... никогда не пользовался всякими штуками типа jade и т.п.

Я не прошу писать за меня код - прошу подсказать плагины/модули для gulp. Дальше сам разберусь

Есть проект с определенной структурой:
|-js/
|-сss/
|-media/ -картинки видео и т.п.
|-index_01.html
|-index_02.html
|-index_03.html

в каждом из html файлов подключены разные js и css файлы

задача:
1. положить каждый html файл в свою папку с именем 01, 02 и тд...
2. создать подпапки для js и css файлов и положить их туда,
3. создать подпапку media в которой будут лежать только те файлы, которые упоминаются в конкретном html файле или его js/css файлах (при необходимости поправить пути)
4. добавить в каждую папку 01, 02 и тд txt файл с описанием взятым из из массива или объекта
5. сложить все в папку dist/01... 02 и тд
6. зазиповать папки 01... 02 и тд (зипы положить рядом)

должно получиться:
01
|-js/
|-сss/
|-media/ -картинки видео и т.п.
|-index.html
|-sample.txt
02
|-js/
|-сss/
|-media/ -картинки видео и т.п.
|-index.html
|-sample.txt
...

как вижу реализацию:
1. можно через FS прочитать все файлы корня и для каждого имени с .html запустить функцию/таск с gulp.src('index_01.htm') и т.д.
2. думаю можно использовать gulp-useref предварительно разметив исходные index_01.html и т.п. файлы
3. хз чем проанализировать html, css, js файлы на наличие ссылок на media-файлы
4. здесь я полагаю нужно использовать метод FS самого node читать массив и писать
5. как сделать gulp.dest('dist/01') и тд понятно...
6. видимо gulp-zip после того как пункты 1-5 выполнены

Пункты 4 и 6 наверное можно сделать отдельными тасками и выполнять после...

Я не стал писать про всякие минификаторы и оптимизаторы типа gulp-autoprefixer - но конечно они будут...

Так-же интересует можно ли содержимое body моих html обернуть в div c определенными свойствами и т.п.

Буду очень рад если поможете советом.

Последний раз редактировалось SlavetZ, 09.06.2016 в 05:50.
Ответить с цитированием