在Vuepress中使用Postcss

Question

我正在尝试使用Postcss插件和我的Vuepress自定义主题，但我不能让它工作。Vuepress的文档非常模糊，任何来自postcss-loader的东西都可以工作。

有没有人能告诉我怎么用？

Answer 1

在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