Carduelis
@Carduelis
Web-developer, front-end, js, less

Как подключить postcss-less?

Пытаюсь подключить 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'ом. Если убрать его, то работает.
  • Вопрос задан
  • 448 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы