react-starter-kit

1
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
2
const getIsProd = require('./get-is-prod');
3

4
const getStyleLoader = ({mode}) => (getIsProd(mode) ? MiniCssExtractPlugin.loader : 'style-loader');
5

6
const getCssLoader = () => ({loader: 'css-loader', options: {esModule: false}});
7

8
const getLessLoader = ({root}) => ({loader: 'less-loader', options: {lessOptions: {math: 'always', paths: [root]}}});
9

10
const getPlugins = ({mode}) => (getIsProd(mode) ? [new MiniCssExtractPlugin({filename: '[name].min.css'})] : []);
11

12
module.exports = (config) => ({
13
  module: {
14
    rules: [
15
      {
16
        test: /\.css$/u,
17
        use: [getStyleLoader(config), getCssLoader(), 'postcss-loader'],
18
      },
19
      {
20
        test: /\.less$/u,
21
        use: [getStyleLoader(config), getCssLoader(), 'postcss-loader', getLessLoader(config)],
22
      },
23
    ],
24
  },
25
  plugins: getPlugins(config),
26
});
27