首先安装一波
npm install --save-dev postcss-nested postcss-responsive-type postcss-hexrgba
然后在 nuxt.config.js 里面的 build 中添加如下代码 (官网给出的解决办法)
postcss: {
// 添加插件名称作为键,参数作为值
// 使用npm或yarn安装它们
plugins: {
// 通过传递 false 来禁用插件
'postcss-url': false,
'postcss-nested': {},
'postcss-responsive-type': {},
'postcss-hexrgba': {}
},
preset: {
// 更改postcss-preset-env 设置
autoprefixer: {
grid: true
}
}
},
nuxt 官网传送门:https://zh.nuxtjs.org/faq/postcss-plugins