grafana/scripts/webpack/sass.rule.js

'use strict';

const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const getThemeVariable = require('./getThemeVariable');

module.exports = function(options) {
  return {
    test: /\.scss$/,
    use: [
      MiniCssExtractPlugin.loader,
      {
        loader: 'css-loader',
        options: {
          importLoaders: 2,
          url: options.preserveUrl,
          sourceMap: options.sourceMap,
          minimize: options.minimize,
        },
      },
      {
        loader: 'postcss-loader',
        options: {
          sourceMap: options.sourceMap,
          config: { path: __dirname + '/postcss.config.js' },
        },
      },
      {
        loader: 'sass-loader',
        options: {
          sourceMap: options.sourceMap,
          functions: {
            'getThemeVariable($themeVar, $themeName: dark)': getThemeVariable,
          },
        },
      },
    ],
  };
};