webpack.config.js

const path = require('path');
const webpack = require('webpack');
const LodashModuleReplacementPlugin = require('lodash-webpack-plugin');

const PRODUCTION = process.env.NODE_ENV === 'production';

const config = {
    mode: PRODUCTION ? 'production' : 'development',
    devtool: PRODUCTION ? false : 'source-map',
    target: 'web',
    entry: {
        demo: [
            'react-hot-loader/patch',
            'webpack-dev-server/client?http://localhost:9000',
            'webpack/hot/only-dev-server',
            path.resolve(__dirname, 'src/demo/index.js'),
        ],
    },
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: '[name].js',
        publicPath: '/',
    },
    resolve: {
        extensions: ['.js', '.json', '.jsx'],
        modules: [path.resolve(__dirname, 'src'), 'node_modules'],
    },
    devServer: {
        host: 'localhost',
        port: 9000,
        contentBase: path.join(__dirname, 'src/demo'),
        compress: true,
    },
    module: {
        rules: [
            {
                test: /\.jsx?$/,
                include: [
                    path.resolve(__dirname, 'src'),
                ],
                use: {
                    loader: 'babel-loader',
                    options: {
                        cacheDirectory: true,
                    },
                },
            },
            {
                test: /\.(css|less)$/,
                use: [
                    {
                        loader: 'style-loader',
                    },
                    {
                        loader: 'css-loader',
                        options: {
                            modules: true,
                            camelCase: true,
                            sourceMap: true,
                            localIdentName: '[name]__[local]--[hash:base64:5]',
                            importLoaders: 1,
                        },
                    },
                    {
                        loader: 'less-loader',
                        options: {
                            sourceMap: false,
                        },
                    },
                ],
            },
        ],
    },
    plugins: [
        new webpack.ContextReplacementPlugin(/moment[\\/]locale$/, /^\.\/(en)$/),
        new LodashModuleReplacementPlugin(),
    ],
};

module.exports = config;