我正在编写一个postcss打算在vue.js项目中使用的插件。这个插件需要在 vue-loader处理完cssid 并将任何作用域 id 添加到选择器后运行。有没有办法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添加了作用域 ID 之后运行。