Add support for SCSS modules (Next.js 9.2)

[vimota]

Importing SCSS modules/files from a node_module (we have separate workspaces imported as modules) fails. NextJS has added built-in support for SCSS, like they have for CSS, but it doesn't allow for node_module imports: https://github.com/zeit/next.js/pull/10133/files#diff-0df73c8e15d5a4ab2409907c614af8ebR143 (an example of it's usage: vercel/next.js#10321).

If I understand correctly, it should be possible to add support for it in this library like you did for CSS (1cb6190) correct?

I've tried something like:

module.exports = withTM({
  experimental: {
    scss: true,
  },
  webpack: withWebpack,
});

but it fails with :

Module parse failed: Unexpected character '@' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> @charset "utf-8";
| @import './vars.scss';

[martpie]

I did not know SCSS was supported by Next.js, I will have a look and add support for it!

[vimota]

Ah, that's awesome thank you!

I'll also try fixing it in the meantime but not sure how far I'll get.

[martpie]

May I ask how urgent is this? I have some things on my plate right now, and this is still an experimental feature, it means the plugin could stop working at any canary/stable release until it is not experimental anymore.

[vimota]

No worries, not urgent at all. Thanks for looking into it!

[martpie]

Done in 3.1.0