将Postcss与Vuepress一起使用

时间:2018-08-23 13:40:29

标签: vue.js postcss postcss-loader vuepress

我正在尝试将Postcss插件与Vuepress自定义主题一起使用,但无法正常使用。 Vuepress的文档非常含糊,并且postcss-loader中的任何内容都可以正常工作。

有人可以告诉我如何使用吗?

1 个答案:

答案 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