nuxt 使用sass和postcss

1、配置sass

npm install --save-dev node-sass sass-loader

nuxt.config.js配置如下

build: {

    extend(config, { isDev, isClient }) {

      const vueLoader = config.module.rules.find((rule) => rule.loader === 'vue-loader');

      vueLoader.options.loaders.sass = 'vue-style-loader!css-loader!sass-loader';

    }

  }

2、配置postcss

npm install --save-dev postcss-nested postcss-responsive-type postcss-hexrgba

nuxt.config.js配置如下

build: {

    postcss: [

      require('postcss-nested')(),

      require('postcss-responsive-type')(),

      require('postcss-hexrgba')(),

    ],

  }