我正在编写一个postcss
打算在vue.js
项目中使用的插件。这个插件需要在 vue-loader
处理完css
id 并将任何作用域 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 之后运行。