Что самое неудобное в сборщиках проекта? Правильно! То, что нужно сборку писать самому. Изучать grunt/gulp/webpack, шаманить с плагинами, думать, как разбить конфиг на модули, когда он вырастает до нескольких сотен строчек, потом несколько месяцев радоваться, что всё работает, а когда в проекте появляется критическое изменение, опять лезть в это болото.
Мне тоже всё это порядком надоело, поэтому написал
сборщик, лишенный этих недостатков. Его gulpfile.js выглядит так:
var gulp = require('gulp');
var arjs = require('arjs-builder')();
gulp.task('build', arjs.build);
gulp.task('test', arjs.test);
gulp.task('default', arjs.run);
Скопировали себе проект, и больше никогда туда не лезете, и навсегда забываете что такое сборка.
Единственное, что придется выучить, — это три команды:
gulp #компилит, поднимает локальные серверы
gulp build #билдит проект
gulp test #запускает тесты
Открываете
localhost:7000 и наслаждаетесь локальной версией сайта, а в папке
build
уже лежит сбилженная версия.
— А как же темплейты, их же надо в js внедрять?
— Конечно! Все внедрено как положено.
— А я стили пишу на less, sass, stylus, их же надо компилить?
— Пишите как писали, всё чудесным образом будет работать.
— А картинки в CSS инклудить?
— Так давно всё в CSS. All included как в пятизвездочном отеле.
— А разбить сбилженный файл на модули?
— Проверьте папку build. Всё по модулям? С уникальными именами, основанными на содержимом файла? Вот, а вы волновались!
— А вот еще там что-то…
— И это тоже работает.
Но как такое возможно? Это мы и рассмотрим в статье. А в конце еще расскажу, почему всё-таки RequireJS
