vue.js - 将Postcss与Vuepress一起使用

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