我正在尝试将Postcss插件与Vuepress自定义主题一起使用,但无法正常使用。 Vuepress的文档非常含糊,并且postcss-loader中的任何内容都可以正常工作。
有人可以告诉我如何使用吗?
答案 0 :(得分:2)
在Vuepress中使用postcss非常容易。您也不需要添加postcss-loader
。 Vuepress附带了它,因为它默认使用postcss。您唯一需要做的就是传递配置选项。以下是经过测试可以正常工作的步骤:
安装要使用的postcss插件(例如yarn add postcss-preset-env -D
)
在.vuepress/config.js
中添加:
module.exports = {
postcss: {
plugins: [
require('postcss-preset-env')({/*plugin options*/})
]
}
}
这足以启用插件。更多: https://vuepress.vuejs.org/config/#postcss