webpack.config.js

const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const { InjectManifest } = require('workbox-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const ESLintPlugin = require('eslint-webpack-plugin');
const CopyWebpackPlugin = require("copy-webpack-plugin");

// const ENV = process.env.NODE_ENV || 'development'; // console.log(env);
const ENV = 'production';
const SRC_DIR = 'src/main/resources';
const DST_DIR = 'build/resources/main';
const DST_ASSETS_DIR = path.join(__dirname, DST_DIR, 'assets');

const isProd = (ENV === 'production');

module.exports = {
    context: path.resolve(__dirname, SRC_DIR, 'assets'),
    entry: {
        'js/main': './js/app.js',
        'js/push': './js/push.js',
        'js/bs': './js/bs.js',
        'css/main': './css/app.less',
        'css/bs': './css/bs.less',
        'css/push': './css/push.less'
    },
    mode: isProd ? 'production' : 'development',
    devtool: isProd ? false : 'source-map',
    module: {
        rules: [
            {
                test: /.less$/,
                use: [
                    {loader: MiniCssExtractPlugin.loader, options: {publicPath: '../../'}},
                    {loader: 'css-loader', options: {sourceMap: !isProd, importLoaders: 1}},
                    {loader: 'less-loader', options: {sourceMap: !isProd}},
                ]
            },
            {
                test: /.woff2$/,
                type: 'asset/resource',
                generator: {
                    filename: 'fonts/[hash][ext]'
                }
            }
        ]
    },
    output: {
        path: DST_ASSETS_DIR,
        filename: 'bundles/[name].js',
        libraryTarget: 'var',
        library: 'Starter'
    },
    plugins: [
        new CleanWebpackPlugin({
            cleanOnceBeforeBuildPatterns: path.join(DST_ASSETS_DIR, 'precache-manifest*.*')
        }),
        new MiniCssExtractPlugin({
            filename: 'bundles/[name].css'
        }),
        new InjectManifest({
            swSrc: path.join(__dirname, SRC_DIR, 'templates/workbox-sw.js'),
            swDest: path.join(__dirname, DST_DIR, 'templates/sw.js'),
            exclude: [
                /\/css\/.*\.js$/,
                /\/js\/.*\.css$/,
                'fonts/material.icons.woff2'
            ]
        }),
        new ESLintPlugin({
            extensions: [`js`, `jsx`],
            exclude: ['/node_modules/']
        }),
        new CopyWebpackPlugin({
            patterns: [
                {from: 'images/**/*', to: '[path]/[name][ext]'},
                {from: 'js/material.min.js', to: 'js/'},
            ]
        })
    ],
    resolve: {
        extensions: ['.js', '.less', '.css']
    },
    performance: {hints: false}
};