const webpack = require('webpack'); const HTMLWebpackPlugin = require('html-webpack-plugin'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const UglifyJsWebpackPlugin = require('uglifyjs-webpack-plugin'); const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin'); const baseConfig = require('./webpack.config'); const env = require('../src/config/env'); const _ = require('lodash'); const merge = require('webpack-merge'); const getPackageJson = require('./getPackageJson'); const { version, name, license, } = getPackageJson('version', 'name', 'license'); const banner = ` Name: [name] Generated on: ${Date.now()} Package: ${name} Version: v${version} License: ${license} `; const prodConf = { mode: 'production', entry: { main: ['babel-polyfill', 'whatwg-fetch', `${env.SRC_ROOT}/webui/index.js`], }, module: { rules: [], }, plugins: [ new webpack.DefinePlugin({ __DEBUG__: false, 'process.env.NODE_ENV': '"production"', __APP_VERSION__: `"${version}"`, }), new MiniCssExtractPlugin({ filename: 'style.[contenthash].css', }), new HTMLWebpackPlugin({ title: 'ToReplaceByTitle', scope: 'ToReplaceByScope', logo: 'ToReplaceByLogo', filename: 'index.html', favicon: `${env.SRC_ROOT}/webui/template/favicon.ico`, verdaccioURL: 'ToReplaceByVerdaccio', version_app: 'ToReplaceByVersion', template: `${env.SRC_ROOT}/webui/template/index.html`, debug: false, inject: true, }), new webpack.BannerPlugin(banner), ], optimization: { minimizer: [ new UglifyJsWebpackPlugin({ sourceMap: true, }), new OptimizeCSSAssetsPlugin({}), ], }, }; prodConf.module.rules = baseConfig.module.rules .filter((loader) => Array.isArray(loader.use) && loader.use.find((v) => /css/.test(v.loader.split('-')[0])) ).forEach((loader) => { loader.use = [MiniCssExtractPlugin.loader].concat(_.tail(loader.use)); }); module.exports = merge(baseConfig, prodConf);