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