Добрый вечер! Пытаюсь собрать в один файл стили своих компонентов и стили в *.post.css-файлах из bem-components. Как понимаю, для этого нужна технология enb-postcss, которую я беру отсюда: https://github.com/awinogradov/enb-postcss Я добавляют postcss в технологии:
let postCSS = require('enb-postcss/techs/enb-postcss');
module.exports = function(config) {
config.node('bundles/index', function(nodeConfig) {
nodeConfig.addTechs([
...
[postCSS, {
comments : true,
sourcemap : true,
plugins : [require('postcss')()],
oneOfSourceSuffixes : [['post.css', 'css'], ['ie.post.css', 'ie.css']],
target: '?.post.css'
}]
]);
nodeConfig.addTargets(['?.post.css']);
});
};
В index.post.css получаю набор импортов в соответствии с построенным .deps.js файлом:
/* ../../libs/bem-components/common.blocks/button/button.post.css:begin */
@import "../../libs/bem-components/common.blocks/button/button.post.css";
/* ../../libs/bem-components/common.blocks/button/button.post.css:end */
/* ../../libs/bem-components/common.blocks/input/input.post.css:begin */
@import "../../libs/bem-components/common.blocks/input/input.post.css";
/* ../../libs/bem-components/common.blocks/input/input.post.css:end */
И теперь мне непонятно, куда и как мне передавать и этот файл, и stylus-файлы моих блоков, чтобы на выходе получить css-ку?
смотри в сторону технологий
techMap
и сборки стилейcss: bundle
. Пример моего gulpfile.jsНе знаю как в
enb
, перед продакшн буду разбираться. Для разработки покаgulp
хватает@philipusis на самом деле
bem-components
поставляются в комплекте с уже скомпилированными css-файлами. Так что подключать себеPostCSS
, если используетсяStylus
нет необходимости.Спасибо! Возьму готовые из cdn'ки
Не обязательно из cdn-ки, пакеты в bower и npm тоже содержат скомпилированные версии рядом с версией для PostCSS.