Какие инструменты посоветуете для сборки фронт-енда?

Question

[Александр Антонов]

Задача очень проста, есть папка проекта с самой не замысловатой структурой:

js/
сss/
index.html

Хочется несколькими командами в консоли собрать все js/* в один минифицированый js файл, тоже и с css/*, и подключить в index.html только 2 файла.
Посоветуйте пожалуйста готовые решения под windows node.js и npm? заранее спасибо :)

Answer 1

[Homsa Toft]

js - gulp-uglify
css - gulp-concat и gulp-minify
в html ручками

Answer 2

[Миша Коган]

gulp самое то
https://www.youtube.com/watch?v=9zwwmjGz1Vs&list=P...
тут не плохая серия видеоуроков, думаю что легко разберетесь.

Comments

[Александр Антонов]

Да, спасибо. Можете прикрепить пример таска на минификацию и объединение js файлов в один?

Answer 3

[Александр Прозоров]

Т.к. вы упираете на фронт-енд, то посмотрите в сторону упаковщиков клиентского кода browserify или webpack. Grunt, а лучше Gulp, вам тоже правильно советуют, но это непосредственно сборщики проекта.

Вот неплохая статья, которая объясняет как связать упаковщика (browserify) и сборщика (gulp) : Gulp + Browserify и всё, всё, всё