silki/src/utils/getCSSLoaders.js

Cli tool for build react app, based on generator-react-multipage, create-react-app, roadhog. Support react multiple pages app develop.

export default function getCSSLoaders(config) {
  const own = [];
  const nodeModules = [];
  const noCSSModules = [];

  const baseCSSOptions = {
    importLoaders: 1,
    sourceMap: !config.disableCSSSourceMap,
  };
  
  const ENV = process.env.NODE_ENV;
  if (ENV === 'production') {
    baseCSSOptions.minimize = config.minimizeCss;
  }

  if (config.disableCSSModules) {
    own.push({
      loader: 'css-loader',
      options: baseCSSOptions,
    });
  } else {
    own.push({
      loader: 'css-loader',
      options: {
        ...baseCSSOptions,
        modules: true,
        localIdentName: '[local]___[hash:base64:5]',
      },
    });
  }
  nodeModules.push({
    loader: 'css-loader',
    options: baseCSSOptions,
  });
  noCSSModules.push({
    loader: 'css-loader',
    options: baseCSSOptions,
  });

  const postcssLoader = {
    loader: 'postcss-loader',
  };

  noCSSModules.push(postcssLoader);
  own.push(postcssLoader);
  nodeModules.push(postcssLoader);

  return {
    own,
    nodeModules,
    noCSSModules,
  };
}