webpack.config.js

/*
    ./webpack.config.js
*/
const path = require('path'),
  HtmlWebpackPlugin = require('html-webpack-plugin'),
  webpack = require('webpack'),
  MiniCssExtractPlugin = require('mini-css-extract-plugin'),
  ServiceWorkerWebpackPlugin = require('serviceworker-webpack-plugin');
  const CopyPlugin = require("copy-webpack-plugin");

module.exports = {
  entry: ['./client/index.js'],
  mode: 'production',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'index_bundle.js',
    publicPath: '/static/',
  },
  module: {
    rules: [
      {
        test: /.*(deep-equals|shallow-equals|pikaday).*\.js$/,
        loader: 'babel-loader',
      },
      {
        test: /\.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
      },
      {
        test: /\.css$/,
        use: [
            MiniCssExtractPlugin.loader, 
            {
              loader: 'css-loader',
              options: {
                importLoaders: 1,
              },
            },
            {
              loader: 'postcss-loader',
            },
          ],
      },
      {
        test: /\.less$/,
        exclude: /node_modules/,
        use: [MiniCssExtractPlugin.loader, 
            {
              loader: 'css-loader',
              options: {
                importLoaders: 1,
              },
            },
            {
              loader: 'postcss-loader',
            },
            {
              loader: 'less-loader',
            },
          ],
      },
      {
        test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
        loader: 'url-loader?limit=10000&mimetype=application/font-woff',
      },
      {
        test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
        loader: 'file-loader',
        exclude: /static/,
      },
      {
        test: /\.(json|png|ico|xml|svg)$/,
        loader: 'file-loader',
        options: {
          name: '[name].[ext]',
        },
      },
    ],
  },
  resolve: {
    extensions: ['.js', '.jsx', 'less'],
    alias: {
      COMPONENTS: path.resolve('./client/components'),
      RAW: path.resolve('./client/components/raw'),
      DIALOG: path.resolve('./client/components/dialog'),
      CONNECTED: path.resolve('./client/components/connected'),
      PAGES: path.resolve('./client/components/views'),
      UTILS: path.resolve('./client/utils'),
      STORE: path.resolve('./client/store'),
      T_RES: path.resolve('./test/client/resources'),
      T_UI: path.resolve('./test/client/uitests'),
      T_UNIT: path.resolve('./test/client/unittests'),
      SW: path.resolve('./node_modules/serviceworker-webpack-plugin/lib'),
    },
  },
  plugins: [
    new webpack.IgnorePlugin(/.*moment.*/),
    new MiniCssExtractPlugin({
      filename: 'styles.css',
    }),
    new ServiceWorkerWebpackPlugin({
      entry: './client/sw.js',
      filename: 'sw.js',
    }),
    new HtmlWebpackPlugin({
      template: './client/index.html',
      filename: 'index.html',
      inject: 'body',
      minify: {
        removeComments: true,
        collapseWhitespace: true,
      },
    }),
    new CopyPlugin({
      patterns: [
        { from: "**/*", to: "./", context: "./client/static/" }
      ],
    }),
  ],
}