brain-vue-cli/libs/webpack/plugins/htmlWebpackPlugin.ts

A command line tool used to run projects

import * as fs from 'fs';
import EConfig from '../../settings/EConfig';
const {apps, htmlWebpackPlugin: {title},chunkhash} = EConfig.getInstance();
import * as path from 'path';
import { entries } from '../entries/getEntries';
var merge = require('webpack-merge')
const HtmlWebpackPlugin = require('html-webpack-plugin');
function htmlWebpackPluginInstance(templatePath: string, filename: string, chunks: string[]) {
    let conf={
        template: templatePath,
        filename: `${filename}`,
        //filename:'index.html',
        alwaysWriteToDisk: true,
        chunks: chunks,
        title:title||'webApp',
        inject: true
    }
    if (process.env.NODE_ENV === 'production') {
        conf = merge(conf, {
            minify: {
                removeComments: true,
                collapseWhitespace: true,
                removeAttributeQuotes: true
            },
            chunksSortMode: 'dependency',
            filename:filename,
            hash: !chunkhash,
        })
    }
    return new HtmlWebpackPlugin(conf);
}
export function getHtmlWebpackPlugins(): any[]{

    return (entries()).map((app) => {
        const workingDirectory = process.cwd();
        const relativeTargetDirectory = `${app}`;
        const relativeTargetHtml = path.join(relativeTargetDirectory, '/index.html');
        const projectTargetPath = path.resolve(workingDirectory,'src', relativeTargetHtml);
        let chunks=process.env.NODE_ENV === 'production'?[app,'manifest', 'vendor']:[app]
        if (fs.existsSync(projectTargetPath)) {
            return htmlWebpackPluginInstance(projectTargetPath, relativeTargetHtml, chunks);
        } else {
            const baseTarget = path.resolve(__dirname, '../../../tpl/index.ejs');
            return htmlWebpackPluginInstance(baseTarget, relativeTargetHtml, chunks);
        }
    });
}