Есть ли возможность устанавливать плагины css и пользоватся ими без ручного редактирования gulpfile?

Question

[Kizzeon]

Здравствуйте, недавно захотел установить себе в проект PostCSS, так как он добавляет много необходимых функций, и в целом экономит время.
Однако целых 20 плагинов каждый раз вручную вписывать в gulpfile.js несколько муторно.
Зашел на сайт, установил пакет, нашел как вставлять в gulpfile.js и каждый по отдельности добавляешь.

Вопросы: Обязательно ли после установки плагина через npm в проекте редактировать gulpfile?
Есть ли готовые PostCSS проекты с предустановленными плагинами?

Answer 1

[Ivan Bogachev]

Однако целых 20 плагинов каждый раз вручную вписывать

Так не нужно каждый раз конфиги заново делать. Более продуктивно сделать их один раз и использовать потом во всех проектах (может быть с минимальными изменениями). Это помимо экономии времени даст бонус в виде интуитивного понимания того, какие трансформации есть в конкретном проекте. Если делать каждый раз новый набор руками, то легко самого себя запутать и потом тратить время на "вроде вчера работало, а сегодня - нет", когда какие-то плагины потерялись. Также не забывайте, что можно хранить настройки PostCSS не в Gulpfile, а в отдельном файле - это может быть удобно (как пример).

Comments

[Kizzeon]

Создал по инструкции проект, создал папки css и build, установил через npm i -D название пакета нужные плагины. Везде говорят про postcss.config.js, но у меня его в проекте нету, я сделал что то не так или его нужно с нуля писать?

[Kizzeon]

Kizzeon, Kizzeon, Также вопросец небольшой, если не утруждаю, для полноценной работы плагина необходимо его скачать через npm, вставить require в gulpfile.js и настроить postcss.config.js? Или достаточно просто npm и gulpfile?

[Ivan Bogachev]

Kizzeon,

по инструкции

По какой инструкции?

или его нужно с нуля писать

Обычно эти конфиги делают один раз под свои нужды с нуля (ну или копипастят у кого-то, кто их уже сделал). Если вы не знакомы с JS и для вас это большая проблема - лучше сконцентрироваться для начала на самом JS, а потом уже добавлять сложные инструменты.

необходимо его скачать через npm, вставить require в gulpfile.js и настроить postcss.config.js? Или достаточно просто npm и gulpfile?

Способов сделать одно и то же десятки. Нет правильного или неправильного. Если вы используете gulp-postcss, то при его вызове вы передаете ему параметры, в числе которых плагины, которые он должен использовать. В каком файле вы это будете делать - дело вкуса. Кто-то все собирает в gulpfile, кто-то делит на отдельные файлы. А кто-то gulp совсем не использует и вызывает postcss по-своему.

[xonar]

Kizzeon, Новые установленные плагины можно не вписывать в gulpfile.js. Есть один плагин (не помню название), его устанавливаешь и он будет сам подтягивать все установленные вами плагины в gulpfile.js.