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