新版 nuxt 使用 postcss

首先安装一波

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

©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页