"use strict"; const webpack = require("webpack"); const merge = require("webpack-merge"); const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin"); const MiniCSSExtractPlugin = require("mini-css-extract-plugin"); const UglifyJSPlugin = require("uglifyjs-webpack-plugin"); const CompressionPlugin = require("compression-webpack-plugin"); const helpers = require("./helpers"); const commonConfig = require("./webpack.config.common"); const isProd = process.env.NODE_ENV === "production"; const environment = isProd ? require("./env/prod.env") : require("./env/staging.env"); const webpackConfig = merge(commonConfig(false), { mode: "production", output: { path: helpers.root("dist"), publicPath: "/", filename: "js/[name].bundle.js" }, optimization: { minimizer: [ new OptimizeCSSAssetsPlugin({ cssProcessorPluginOptions: { preset: ["default", { discardComments: { removeAll: true } }] } }), new UglifyJSPlugin({ cache: true, parallel: false, sourceMap: !isProd }) ] }, plugins: [ new webpack.EnvironmentPlugin(environment), new MiniCSSExtractPlugin({ filename: "css/[name].css" }) ] }); if (!isProd) { webpackConfig.devtool = "source-map"; if (process.env.npm_config_report) { const BundleAnalyzerPlugin = require("webpack-bundle-analyzer") .BundleAnalyzerPlugin; webpackConfig.plugins.push(new BundleAnalyzerPlugin()); } } module.exports = webpackConfig;