webpack.server.js

const config = require('./webpack.base');
const glob = require('glob');
const merge = require('webpack-merge');
const path = require('path');
const webpack = require('webpack');
// const CleanWebpackPlugin = require('clean-webpack-plugin');
// const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
// const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
// const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
// const LodashModuleReplacementPlugin = require('lodash-webpack-plugin');
// const SpeedMeasurePlugin = require('speed-measure-webpack-plugin');
// const smp = new SpeedMeasurePlugin();

// const isAnalyze = process.env.npm_config_argv.includes('analyze');

// const HtmlWebpackPlugins = glob.sync('src/page/*/index.html').map((v) => {
//     const name = v.replace(/src\/page\/(.*)\/index.html/ig, '$1');
//     return new HtmlWebpackPlugin({
//         filename: `/page/${name}.html`,
//         template: v,
//         chunks: [`page/${name}`],
//         favicon: path.join(__dirname, '/src/assets/images/bitbug_favicon.ico'),
//     })
// });
const HtmlWebpackPlugins = [];
let result = {
    entry: {
        page: './server/app.js'
    },
    target: 'node',
    devtool: 'source-map',
    output: {
        path: path.resolve(__dirname, 'distServer'),
        filename: '[name].js',
        publicPath: '/'
    },
    mode: "development",
    externals: {
        zepto: "zepto",
    },
    module: {
        rules: [{
                test: /\.tsx?$/,
                include: [
                    path.resolve(__dirname, 'src'),
                    path.resolve(__dirname, 'server')
                ],
                loader: ["awesome-typescript-loader", ]
            },
            {
                test: /\.jsx?/,
                include: [
                    path.resolve(__dirname, 'src'),
                    path.resolve(__dirname, 'server')
                ],
                use: ['babel-loader', ]
            }, {
                test: /\.css$/,
                use: [
                    MiniCssExtractPlugin.loader,
                    'css-loader',
                ]
            }, {
                test: /\.less$/,
                use: [
                    MiniCssExtractPlugin.loader,
                    'css-loader',
                    'less-loader',
                ]
            },
        ]
    },
    // optimization: {
    //     minimizer: [
    //         new UglifyJsPlugin({
    //             cache: true,
    //             parallel: true,
    //             sourceMap: false, // set to true if you want JS source maps
    //         }),
    //         new OptimizeCssAssetsPlugin({})
    //     ]
    // },
    resolve: {
        extensions: ['.js', '.json', '.jsx', '.ts', '.tsx'],
    },
    plugins: HtmlWebpackPlugins.concat([
        // new LodashModuleReplacementPlugin(),
        new MiniCssExtractPlugin({
            filename: "[name].css",
            chunkFilename: "[id].css"
        }),
        new webpack.DefinePlugin({
            PRODUCTION: JSON.stringify(true),
            'process.env': {
                NODE_ENV: JSON.stringify('production'),
            }
        }),
        // new CleanWebpackPlugin(['dist']),
    ]),
}

// if (isAnalyze) {
//     result = smp.wrap(result);
// }

module.exports = result;