Пытаюсь подключить postcss к сборщику, потому что это
стильно, модно, молодежно autoprefixer ругается, да и вообще настроек там много.
Но вот, незадача, я привык к less. С одной стороны, все здорово, если использовать less-loader, но postcss в таком случае ругается на комментарии в виде двух слешей //.
На stackoverflow говорят, что надо подключать syntax-плагин postcss-less, но... проблема доволньо простая: я совершенно не понимаю, как его подключать в сборщике webpack.
Что я пробовал?
1. В postcss.config добавлять пару ключ-значение syntax: 'postcss-less', и syntax: require('postcss-less')
2. Использовать его как плагин, наравне с autoprefixer. Вот так: plugins: [require(autoprefixer), require(postcss-less)]
3. Пытаться запихнуть это все в виде options в конфиге лоадеров в webpack.config
Но официальная документация говорит использовать следующий код:
const syntax = require('postcss-less');
postcss(plugins)
.process(lessText, { syntax: syntax })
.then(function (result) {
result.content // LESS with transformations
});
Вопрос №1:
Получается, как мне этот код заинтегрировать в мою сборку?
Вопрос №2:
SourceMaps не работает с влюченным postcss-loader'ом. Если убрать его, то работает.