Search code examples
sassnuxt.jsnode-sasssass-loader

Is there any way to use sass instead of node-sass (default for sass-loader) in Nuxt.js?


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
      },
    },
  }
}

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


Solution

  • Its already pointed on documentation.

    nuxt.config.js:

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