@kanopi/pack/src/components/loaders/sass.js

Pre-packaged Webpack 5 configuration with extendable configuration to coordinate loaders and rules for common web stacks

/**
 *  Implements the SASS loader
 * 
 * @param {object} environment - Kanopi Pack environment (Standard Interface)
 * 
 * @returns {import("webpack").LoaderModule} - Webpack Loader module
 */
module.exports = (environment) => {
  const {
    resolver: { requirePackageModule },
    paths: { node = '' },
    sourceMaps = false
  } = environment;

  return {
    loader: 'sass-loader',
    options: {
      implementation: requirePackageModule('sass'),
      sassOptions: {
        includePaths: [
          node
        ],
        linefeed: 'lf',
        outputStyle: 'expanded',
      },
      sourceMap: sourceMaps,
    }
  };
}