Блог

Я пишу postcss плагин, предназначенный для использования в vue.js проекте. Этот плагин необходимо запустить после vue-loader обработки css и добавления любых идентификаторов в селекторы. Есть ли способ с vue.config.js помощью или каким-либо другим способом указать порядок postcss плагинов?

В настоящее время мой плагин включен postcss.config.js . Я вижу, что add-id для стилей с ограниченной областью сам по себе является postcss плагином, определенным здесь, но я не уверен, как он на самом деле используется.

Мои postcss файлы конфигурации и плагина:

 // postcss.config.js
module.exports = {
    plugins: [
        require('./postcss-mycustomplugin')()
    ]
};
  

 // postcss-mycustomplugin.js
var postcss = require('postcss');

module.exports = postcss.plugin('mycustomplugin', function mycustomplugin(options) {
    return function (css) {
        // `css` still has not been processed by vue's postcss plugin
    }
});
  

Повторюсь, я бы хотел, чтобы мой плагин запускался css после добавления идентификаторов с ограниченной областью.