关于vite配置postcss未生效问题

vite配置自动补全样式插件postcss非常简单。

首先,第一步:

cnpm postcss postcss-preset-env -D  安装

第二步:

在项目根目录下新建文件postcss.config.js,并写入以下代码

关于vite配置postcss未生效问题_第1张图片

在配置文件时,小编把plugins根据提示,首字母大写了,导致配置不生效,如下图:

关于vite配置postcss未生效问题_第2张图片

后来改正确以后,就显示正常了,大家注意避坑

第三步:在底部添加user-select:none

 关于vite配置postcss未生效问题_第3张图片

完成的效果是这样:

 关于vite配置postcss未生效问题_第4张图片

 

你可能感兴趣的:(避坑合集,postcss,前端,javascript)