Какие препроцессорные сетки используете?

Question

[Anton]

Надоел мусор в html, перфекционизм берет верх. Какие препроцесорные сетки посоветуете. И сопутствующий вопрос пользуетесь ли сборщиком проектов по типу Gulp, а мб кто-то просто Compass юзает и в ручную собирает. Плюсы минусы хочется понять, нравится чистый компас, но некоторые фишки Галпа прильщают на подобии конкатенации скриптов библиотек, не пойму как в компасе стянуть все в один фаил, не вручную. (не использую коалу или кодкит)

Answer 1

[sergski]

npm скриптами можно же пользоваться и без gulp. :-) Настроить исполнение минимального набора — транспиляцию ES6, минификацию, конкатенацию css и js файлов, оптимизацию изображений. Те после привычного ручного создания проекта создать версию для продакшен.

Comments

[Anton]

А по подробнее можно?

[sergski]

Anton: суть в том, что вы устанавливаете нужные npm модули и их выполнение задаете в package.json с помощью опций командной строки (Command line options). Например, минификация js: устанавливаете uglifyjs, потом устанавливаете задачу, например -- 'uglifyjs': 'uglifyjs src/js/*.js -m -c -o dist/js/app.min.js' и тд.
Хорошая статья по теме -- prgssr.ru/development/pochemu-npm-skripty.html
Пример шаблона -- https://github.com/damonbauer/npm-build-boilerplat...

[Anton]

Спасибо буду изучать.