Next-plugins: [next-sass] allow use `sass` replace `node-sass`

[bluelovers]

hope can allow use sass replace node-sass

[tingtingtinghuang]

How about this:

withSass({
 sassLoaderOptions: {
    implementation: require('sass')
  }
})

[bluelovers]

why not let it auto handle, let user just need choose install node-sass or sass

[in-in]

This doesn't work for me

// next.config.js
const withSass = require('@zeit/next-sass');
const sass = require('sass');

module.exports = withSass({
    cssModules: true,
    sassLoaderOptions: {
        implementation: sass,
    },
});

```shell
Error: Cannot find module 'node-sass'

```json
"@zeit/next-sass": "1.0.1",
"sass": "1.25.0"

[bluelovers]

@in-in before they take this pr, or maybe never

u can try use this code in package.json and use yarn

"dependencies": {
"node-sass": "npm:sass"
}

[tingtingtinghuang]

@in-in I test the config locally, it works.
By the way, does your project work with node-sass?

[in-in]

Yes _Sass_ files compiles without any problems with node-sass ("4.13.1")

[chrisandrewca]

@tingtingtinghuang Could you post your package.json and next.config?

I'm using

module.exports =
  withBundleAnalyzer(
    withSass({
      webpack(config, ) {
        config.node = {
          fs: 'empty'
        };
        return config;
      },
      sassLoaderOptions: {
        implementation: require('sass')
      }
    }));

"@zeit/next-sass": "^1.0.1",
"sass": "^1.25.0"

and also get the error: Error: Cannot find module 'node-sass'

I import my .scss in a component, not the _app.

[tingtingtinghuang]

@chrisandrewca

 "sass": "1.14.1",
 "sass-loader": "7.1.0"

Remember to add sass-loader in dependencies.

[timneutkens]

Hi, thanks for creating an issue. We currently recommend using nextjs.org/docs/basic-features/built-in-css-support as the plugins have been deprecated in favor of the built-in support.