在Nuxt.js中，有什么方法可以使用sass代替node-sass(s​​ass-loader的默认设置)?

问题描述

我试图在Nuxt.js中使用sass包而不是node-sass.我发现了这样的配置；

I'm trying to use sass package instead of node-sass in Nuxt.js. I found a config like this;

// vue.config.js
module.exports = {
  css: {
    loaderOptions: {
      sass: {
        implementation: require('sass'), // This line must in sass option
      },
    },
  }
}

但是我不知道将这段代码放在Nuxt.js中的什么位置.

but I couldn't figure out where to put this code in Nuxt.js.

推荐答案

它已经指向文档.

nuxt.config.js:

build: {

  ...

  loaders: {
    sass: {
      implementation: require('sass')
    },
    scss: {
      implementation: require('sass')
    }
  }

  ...

}

这篇关于在Nuxt.js中，有什么方法可以使用sass代替node-sass(s​​ass-loader的默认设置)?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！