Documentation updates for webpack v5

[MikeDanilov]

There are only webpack v1/v2 examples in documentation. Could you please update documentation also for webpack v5?

[lucasvazq]

I think this probably will work for you.

module.exports = {
  module: {
    rules: [
      {
        test: /\.sass$/,
        use: [
          {
            loader: "sass-loader",
            options: {
              sassOptions: {
                importer: jsonImporter(),
              },
            },
          },
        ],
      },
    ],
  },
};

If you are using Next.js it's very simple to add this plugin.

// next.config.js
module.exports = {
  sassOptions: {
    importer: jsonImporter(),
  },
}

[MikeDanilov]

@lucasvazq I have shared variables in my quasar v 2.0 application. And adding just importer didn't work for me. I had to use the following code in quasar.conf.js to make it working

// we have to keep both configuration to make shared variables working
    scssLoaderOptions: {
      additionalData: '@import "src/css/global/_mixins.scss";',
      sassOptions: {
        importer: jsonImporter({
          convertCase: true,
        }),
      },
    },
    sassLoaderOptions: {
      sassOptions: {
        importer: jsonImporter({
          convertCase: true,
        }),
      },
    },

But I don't think this is correct solution.