super-project/core/webpack/defaults/isomorphic.client.prod.js

Base framework for Super Project.

const webpack = require('webpack')

const MiniCssExtractPlugin = require("mini-css-extract-plugin")
const WebpackOnBuildPlugin = require('on-build-webpack')

const writeChunkmap = require('../../../utils/write-chunkmap')

const factoryConfig = async ({
    // RUN_PATH,
    // CLIENT_DEV_PORT,
    localeId,
}) => {

    return {
        mode: "production",
        target: 'web',
        // devtool: 'source-map',
        optimization: {
            minimize: true,
        },
        plugins: [
            // 在node执行环境中设置，不起作用，此处不能省略
            new webpack.DefinePlugin({
                'process.env': {
                    'NODE_ENV': JSON.stringify('production')
                },
                __SPA__: false,
            }),
            new webpack.NoEmitOnErrorsPlugin(),
            new MiniCssExtractPlugin({
                // Options similar to the same options in webpackOptions.output
                // both options are optional
                filename: "[name].[chunkhash].css",
                // chunkFilename: "[id].css"
            }),
            await new WebpackOnBuildPlugin(async function (stats) {
                await writeChunkmap(stats, localeId)
            }),
        ],
    }
}

module.exports = async (opt) => await factoryConfig(opt)