新版 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