@pinnacle0/webpack-util 0.3.26 → 0.3.27

package/src/WebpackConfigGenerator/Plugin/css.plugin.ts

@@ -1,31 +0,0 @@
-import MiniCssExtractPlugin from "mini-css-extract-plugin";
-import CssMinimizerWebpackPlugin from "css-minimizer-webpack-plugin";
-import type webpack from "webpack";
-import {WebpackConfigSerializationUtil} from "../WebpackConfigSerializationUtil";
-
-interface ExtractCssPluginOptions {
-    enableProfiling: boolean;
-}
-
-/**
- * Applies CssNano to minimize stylesheets
- * after bundles/chunks are built.
- */
-export function cssMinimizerPlugin(): webpack.WebpackPluginInstance {
-    return WebpackConfigSerializationUtil.serializablePlugin("CssMinimizerWebpackPlugin", CssMinimizerWebpackPlugin);
-}
-
-/**
- * Extract output of css transformation pipeline to standalone css files.
- * Must be used with `MiniCssExtractPlugin.loader`, which is included with
- * `Rule.stylesheet({minimize: true})`.
- */
-export function miniCssExtractPlugin({enableProfiling}: ExtractCssPluginOptions): webpack.WebpackPluginInstance {
-    return WebpackConfigSerializationUtil.serializablePlugin("MiniCssExtractPlugin", MiniCssExtractPlugin, {
-        filename: enableProfiling ? "static/css/[name].[contenthash:8].css" : "static/css/[contenthash:8].css",
-        // order of css output depends on the order of imports in js,
-        // unless all imports in js are sorted (e.g. by alphabetical order),
-        // this flag must be set to true to avoid error
-        ignoreOrder: true,
-    });
-}

package/src/WebpackConfigGenerator/Plugin/html.plugin.ts

@@ -1,47 +0,0 @@
-import HTMLWebpackPlugin from "html-webpack-plugin";
-import {ScriptTagCrossOriginPlugin} from "./script-tag-crossorigin-plugin";
-import type webpack from "webpack";
-import type {HTMLEntryDescriptor} from "../../type";
-import {WebpackConfigSerializationUtil} from "../WebpackConfigSerializationUtil";
-
-interface HTMLPluginOptions {
-    entry: HTMLEntryDescriptor;
-}
-
-/**
- * Creates a html file from a template with <script> and <link> injected
- * with the respective hashed output filenames.
- */
-export function htmlPlugin({entry}: HTMLPluginOptions): webpack.WebpackPluginInstance {
-    return WebpackConfigSerializationUtil.serializablePlugin("HTMLWebpackPlugin", HTMLWebpackPlugin, {
-        template: entry.htmlPath,
-        filename: `${entry.name}.html`,
-        chunks: [entry.name],
-        minify: {
-            collapseBooleanAttributes: true,
-            collapseInlineTagWhitespace: true,
-            collapseWhitespace: true,
-            includeAutoGeneratedTags: false,
-            keepClosingSlash: true,
-            minifyCSS: true,
-            minifyJS: true,
-            minifyURLs: true,
-            removeAttributeQuotes: true,
-            removeComments: true,
-            removeEmptyAttributes: true,
-            removeRedundantAttributes: true,
-            removeScriptTypeAttributes: true,
-            removeStyleLinkTypeAttributes: true,
-            removeTagWhitespace: true,
-            useShortDoctype: true,
-        },
-    });
-}
-
-/**
- * Adds attributes to `<script>` tag inside html file generated by
- * HTMLWebpackPlugin. Used to add `crossorigin="anonymous"`.
- */
-export function scriptTagCrossOriginPlugin(): webpack.WebpackPluginInstance {
-    return WebpackConfigSerializationUtil.serializablePlugin("ScriptTagCrossOriginPlugin", ScriptTagCrossOriginPlugin);
-}

package/src/WebpackConfigGenerator/Plugin/index.ts

@@ -1,33 +0,0 @@
-import {cssMinimizerPlugin, miniCssExtractPlugin} from "./css.plugin";
-import {scriptTagCrossOriginPlugin, htmlPlugin} from "./html.plugin";
-import {ignoreMomentLocalePlugin} from "./moment.plugin";
-import {reactRefreshPlugin, terserPlugin} from "./ts.plugin";
-import {webpackDefinePlugin, webpackProgressPlugin} from "./webpack.plugin";
-
-/**
- * Static factories to create \`webpack.config#plugins\` items.
- *
- * Plugins with similar functionality are grouped under a js object (as a namespace).
- */
-export class Plugin {
-    static readonly scriptTagCrossOriginPlugin = scriptTagCrossOriginPlugin;
-
-    static readonly ignoreMomentLocale = ignoreMomentLocalePlugin;
-
-    static readonly reactRefresh = reactRefreshPlugin;
-
-    static readonly fileOutput = {
-        html: htmlPlugin,
-        miniCssExtract: miniCssExtractPlugin,
-    };
-
-    static readonly minimizer = {
-        terser: terserPlugin,
-        css: cssMinimizerPlugin,
-    };
-
-    static readonly webpack = {
-        progress: webpackProgressPlugin,
-        define: webpackDefinePlugin,
-    };
-}

package/src/WebpackConfigGenerator/Plugin/script-tag-crossorigin-plugin.ts

@@ -1,22 +0,0 @@
-import HtmlWebpackPlugin from "html-webpack-plugin";
-import type webpack from "webpack";
-
-const PLUGIN_NAME = "ScriptTagCrossOriginPlugin";
-
-// This plugin adds crossorigin="anonymous" to html-webpack-plugin generated <script> tags, only work with html-webpack-plugin@4.0.0+
-export class ScriptTagCrossOriginPlugin implements webpack.WebpackPluginInstance {
-    apply(compiler: webpack.Compiler): void {
-        compiler.hooks.compilation.tap(PLUGIN_NAME, compilation => {
-            const hook = HtmlWebpackPlugin.getHooks(compilation).alterAssetTags;
-            hook.tap(PLUGIN_NAME, result => {
-                const {assetTags} = result;
-                for (const scriptTag of assetTags.scripts) {
-                    if (scriptTag.attributes?.src && /.js$/.test(scriptTag.attributes.src.toString())) {
-                        scriptTag.attributes.crossorigin = "anonymous";
-                    }
-                }
-                return result;
-            });
-        });
-    }
-}

package/src/WebpackConfigGenerator/Plugin/ts.plugin.ts

@@ -1,29 +0,0 @@
-import ReactRefreshWebpackPlugin from "@pmmmwh/react-refresh-webpack-plugin";
-import TerserWebpackPlugin from "terser-webpack-plugin";
-import type webpack from "webpack";
-import {WebpackConfigSerializationUtil} from "../WebpackConfigSerializationUtil";
-
-interface TerserPluginOptions {
-    sourceMap: boolean;
-}
-
-/**
- * Applies Terser to minimize javascript
- * after bundles/chunks are built.
- */
-export function terserPlugin({sourceMap}: TerserPluginOptions): webpack.WebpackPluginInstance {
-    return WebpackConfigSerializationUtil.serializablePlugin("TerserWebpackPlugin", TerserWebpackPlugin, {
-        terserOptions: {
-            sourceMap,
-        },
-    });
-}
-
-/**
- * Adds react fast refresh functionality.
- * Requires babel plugin "react-refresh/babel".
- * Should not be used in production.
- */
-export function reactRefreshPlugin(): webpack.WebpackPluginInstance {
-    return WebpackConfigSerializationUtil.serializablePlugin("ReactRefreshPlugin", ReactRefreshWebpackPlugin);
-}

package/src/WebpackConfigGenerator/Plugin/webpack.plugin.ts

@@ -1,21 +0,0 @@
-import webpack from "webpack";
-import {WebpackConfigSerializationUtil} from "../WebpackConfigSerializationUtil";
-
-interface WebpackProgressPluginOptions {
-    enableProfiling: boolean;
-}
-
-/**
- * Reports progress during compilation.
- * Basically the same behavior as running webpack-cli with:
- * `$ webpack --progress`
- */
-export function webpackProgressPlugin({enableProfiling}: WebpackProgressPluginOptions): webpack.WebpackPluginInstance {
-    return WebpackConfigSerializationUtil.serializablePlugin("webpack.ProgressPlugin", webpack.ProgressPlugin, {
-        profile: enableProfiling,
-    });
-}
-
-export function webpackDefinePlugin(map: {[key: string]: string}): webpack.WebpackPluginInstance {
-    return WebpackConfigSerializationUtil.serializablePlugin("webpack.DefinePlugin", webpack.DefinePlugin, map);
-}

package/src/WebpackConfigGenerator/Rule/index.ts

@@ -1,17 +0,0 @@
-import {imageRule} from "./image.rule";
-import {otherRule} from "./other.rule";
-import {stylesheetRule} from "./stylesheet.rule";
-import {tsRule} from "./ts.rule";
-
-/**
- * Static factories to create `webpack.config#modules.rules` items.
- */
-export class Rule {
-    static readonly image = imageRule;
-
-    static readonly other = otherRule;
-
-    static readonly ts = tsRule;
-
-    static readonly stylesheet = stylesheetRule;
-}

package/src/WebpackConfigGenerator/Rule/other.rule.ts

@@ -1,23 +0,0 @@
-import type webpack from "webpack";
-import {Constant} from "../../Constant";
-import {RegExpUtil} from "./RegExpUtil";
-
-interface OtherRuleDeps {
-    extraExtensionsForOtherRule: string[];
-}
-
-/**
- * Handles dependency requests to file assets
- * by emitting as separate files.
- *
- * @see https://webpack.js.org/guides/asset-modules/
- */
-export function otherRule({extraExtensionsForOtherRule}: OtherRuleDeps): webpack.RuleSetRule {
-    return {
-        test: RegExpUtil.fileExtension(".ico", ...Constant.mediaExtensions, ...Constant.fontExtensions, ...extraExtensionsForOtherRule),
-        type: "asset",
-        generator: {
-            filename: "static/other/[name].[hash:8][ext][query]",
-        },
-    };
-}

package/src/WebpackConfigGenerator/WebpackEntryFactory.ts

@@ -1,22 +0,0 @@
-import type webpack from "webpack";
-import type {EntryDescriptor} from "../type";
-
-interface StrictWebpackEntry {
-    [entryName: string]: [string];
-}
-
-interface WebpackEntryFactoryOptions {
-    configEntryDescriptors: EntryDescriptor[];
-}
-
-export class WebpackEntryFactory {
-    static generate({configEntryDescriptors}: WebpackEntryFactoryOptions): NonNullable<webpack.Configuration["entry"]> {
-        const entry: StrictWebpackEntry = {};
-
-        for (const {name, entryPath} of configEntryDescriptors) {
-            entry[name] = [entryPath];
-        }
-
-        return entry;
-    }
-}

package/src/WebpackConfigGenerator/WebpackOutputPublicURLFactory.ts

@@ -1,22 +0,0 @@
-export interface WebpackOutputPublicURLFactoryOptions {
-    env: string | null;
-    /**
-     * Function to dynamically compute additional webpack config from `env`.
-     * Should validates if the config contains `publicUrl` field.
-     */
-    webpackPublicPath: string | ((env: string) => string) | undefined;
-}
-
-export class WebpackOutputPublicURLFactory {
-    static generate({env, webpackPublicPath}: WebpackOutputPublicURLFactoryOptions): string {
-        if (!env || !webpackPublicPath) {
-            return "/";
-        }
-
-        if (typeof webpackPublicPath === "string") {
-            return webpackPublicPath;
-        }
-
-        return webpackPublicPath(env);
-    }
-}

package/src/WebpackConfigGenerator/WebpackResolveExtensionsFactory.ts

@@ -1,19 +0,0 @@
-import {Constant} from "../Constant";
-
-interface WebpackResolveExtensionsFactoryOptions {
-    prioritizedExtensionPrefixes?: string[] | undefined;
-}
-
-export class WebpackResolveExtensionsFactory {
-    static generate({prioritizedExtensionPrefixes = []}: WebpackResolveExtensionsFactoryOptions): string[] {
-        const resolveExtensions = [];
-
-        for (const prefix of prioritizedExtensionPrefixes) {
-            resolveExtensions.push(...Constant.resolveExtensions.map(_ => `.${prefix}${_}`));
-        }
-
-        resolveExtensions.push(...Constant.resolveExtensions);
-
-        return resolveExtensions;
-    }
-}

package/src/WebpackConfigGenerator/index.ts

@@ -1,213 +0,0 @@
-import {Utility} from "@pinnacle0/devtool-util";
-import path from "path";
-import type webpack from "webpack";
-import {Constant} from "../Constant";
-import {CoreUtil} from "../CoreUtil";
-import type {EntryDescriptor, WebpackConfigGeneratorOptions} from "../type";
-import {ConfigEntryDescriptorsFactory} from "./ConfigEntryDescriptorsFactory";
-import {HTMLWebpackPluginsFactory} from "./HTMLWebpackPluginsFactory";
-import {WebpackConfigSerializationUtil} from "./WebpackConfigSerializationUtil";
-import {WebpackEntryFactory} from "./WebpackEntryFactory";
-import {WebpackOutputPublicURLFactory} from "./WebpackOutputPublicURLFactory";
-import {WebpackResolveAliasFactory} from "./WebpackResolveAliasFactory";
-import {WebpackResolveExtensionsFactory} from "./WebpackResolveExtensionsFactory";
-import {WebpackResolveModulesFactory} from "./WebpackResolveModulesFactory";
-import {Plugin} from "./Plugin";
-import {Rule} from "./Rule";
-
-/**
- * Generates a webpack config with sane defaults.
- */
-export class WebpackConfigGenerator {
-    private readonly env: string | null;
-    private readonly projectDirectory: string;
-    private readonly projectSrcDirectory: string;
-    private readonly tsconfigFilepath: string;
-    private readonly enableProfiling: boolean;
-    private readonly maxEntryPointKiloByte: number;
-    private readonly maxAssetKiloByte: number;
-    private readonly isFastMode: boolean;
-    private readonly verbose: boolean;
-    private readonly defineVars: {[key: string]: string};
-    private readonly extraExtensionsForOtherRule: string[];
-
-    private readonly configEntryDescriptors: EntryDescriptor[];
-    private readonly entry: NonNullable<webpack.Configuration["entry"]>;
-    private readonly htmlWebpackPluginInstances: NonNullable<webpack.Configuration["plugins"]>;
-    private readonly resolveExtensions: NonNullable<NonNullable<webpack.Configuration["resolve"]>["extensions"]>;
-    private readonly resolveModules: NonNullable<NonNullable<webpack.Configuration["resolve"]>["modules"]>;
-    private readonly resolveAliases: NonNullable<NonNullable<webpack.Configuration["resolve"]>["alias"]>;
-    private readonly outputPublicPath: string;
-
-    private readonly logger = Utility.createConsoleLogger("WebpackConfigGenerator");
-
-    constructor(private readonly options: WebpackConfigGeneratorOptions) {
-        this.env = CoreUtil.currentEnv();
-        this.projectDirectory = options.projectDirectory;
-        this.projectSrcDirectory = path.join(options.projectDirectory, "src");
-        this.tsconfigFilepath = path.join(options.projectDirectory, "tsconfig.json");
-
-        this.enableProfiling = CoreUtil.profilingEnabled();
-        this.isFastMode = CoreUtil.isFastMode();
-        this.maxEntryPointKiloByte = options.maxEntryPointKiloByte ?? Constant.maxEntryPointKiloByte;
-        this.maxAssetKiloByte = options.maxAssetKiloByte ?? Constant.maxAssetKiloByte;
-        this.verbose = options.verbose || false;
-        this.defineVars = options.defineVars || {};
-        this.extraExtensionsForOtherRule = options.extraExtensionsForOtherRule || [];
-
-        this.configEntryDescriptors = ConfigEntryDescriptorsFactory.generate({
-            indexName: options.indexName || "index",
-            projectSrcDirectory: this.projectSrcDirectory,
-            extraEntries: options.extraEntries || {},
-        });
-        this.entry = WebpackEntryFactory.generate({
-            configEntryDescriptors: this.configEntryDescriptors,
-        });
-        this.htmlWebpackPluginInstances = HTMLWebpackPluginsFactory.generate({
-            configEntryDescriptors: this.configEntryDescriptors,
-        });
-        this.outputPublicPath = WebpackOutputPublicURLFactory.generate({
-            env: this.env,
-            webpackPublicPath: options.webpackPublicPath,
-        });
-        this.resolveExtensions = WebpackResolveExtensionsFactory.generate({
-            prioritizedExtensionPrefixes: options.prioritizedExtensionPrefixes,
-        });
-        this.resolveModules = WebpackResolveModulesFactory.generate({
-            projectSrcDirectory: this.projectSrcDirectory,
-        });
-        this.resolveAliases = WebpackResolveAliasFactory.generate({
-            env: this.env,
-            resolvers: options.dynamicPathResolvers ?? [],
-        });
-
-        this.logger.info("Config constructed:");
-        for (const info of [
-            `-- Code Checking: ${this.isFastMode ? "Minimal Check" : "Default"}`,
-            `-- Env: ${this.env || "[N/A]"}`,
-            `-- Src Directory: ${this.projectSrcDirectory}`,
-            `-- HTML Entries: ${Object.keys(this.entry).join(" / ")}`,
-            `-- Webpack Public URL: ${this.outputPublicPath}`,
-            `-- Dynamic Aliases: ${JSON.stringify(this.resolveAliases, null, 4)}`,
-            `-- Use Cache: ${this.env === null}`,
-        ]) {
-            console.info(info);
-        }
-    }
-
-    development(): webpack.Configuration {
-        const config: webpack.Configuration = {
-            mode: "development",
-            entry: this.entry,
-            target: "web", // https://github.com/webpack/webpack-dev-server/issues/2758 Hot-reload will break if we provide list to target
-            output: {
-                filename: "static/js/[name].js",
-                publicPath: "/",
-            },
-            resolve: {
-                extensions: this.resolveExtensions,
-                modules: this.resolveModules,
-                alias: this.resolveAliases,
-            },
-            devtool: "inline-cheap-module-source-map",
-            optimization: {
-                usedExports: true,
-                splitChunks: {
-                    automaticNameDelimiter: "-",
-                    maxAsyncRequests: 30,
-                },
-            },
-            module: {
-                rules: [
-                    Rule.ts({tsconfigFilepath: this.tsconfigFilepath, fastRefresh: true}),
-                    Rule.stylesheet({minimize: false}),
-                    Rule.image(),
-                    Rule.other({extraExtensionsForOtherRule: this.extraExtensionsForOtherRule}),
-                    // prettier-format-preserve
-                ],
-            },
-            plugins: [
-                ...this.htmlWebpackPluginInstances,
-                Plugin.ignoreMomentLocale(),
-                Plugin.reactRefresh(),
-                Plugin.webpack.progress({enableProfiling: false}),
-                Plugin.webpack.define(this.defineVars),
-                // prettier-format-preserve
-            ],
-            cache:
-                this.env === null
-                    ? {
-                          type: "filesystem",
-                          cacheDirectory: path.join(this.projectDirectory, ".webpack-cache"),
-                      }
-                    : false,
-        };
-        if (this.verbose || CoreUtil.verbose()) {
-            this.logger.info("Full webpack config:");
-            console.info(WebpackConfigSerializationUtil.configToString(config));
-        }
-        return config;
-    }
-
-    production(outputDirectory: string): webpack.Configuration {
-        const config: webpack.Configuration = {
-            mode: "production",
-            entry: this.entry,
-            target: ["web", "es5"],
-            output: {
-                path: outputDirectory,
-                filename: this.enableProfiling ? "static/js/[name].js" : pathInfo => this.configEntryDescriptors.find(_ => _.name === pathInfo.chunk!.name)!.outputFilename,
-                chunkFilename: this.enableProfiling ? "static/js/[id].[name].js" : "static/js/[id].[chunkhash:8].js",
-                publicPath: this.outputPublicPath,
-                crossOriginLoading: "anonymous",
-            },
-            resolve: {
-                extensions: this.resolveExtensions,
-                modules: this.resolveModules,
-                alias: this.resolveAliases,
-            },
-            bail: true,
-            optimization: {
-                splitChunks: {
-                    automaticNameDelimiter: "-",
-                    maxAsyncRequests: 30,
-                },
-                minimizer: [
-                    Plugin.minimizer.terser({sourceMap: true}),
-                    Plugin.minimizer.css(),
-                    // prettier-format-preserve
-                ],
-            },
-            performance: {
-                maxEntrypointSize: this.enableProfiling ? Number.MAX_SAFE_INTEGER : this.maxEntryPointKiloByte * 1000,
-                maxAssetSize: this.maxAssetKiloByte * 1000,
-                assetFilter: (filename: string) => Constant.mediaExtensions.concat(this.extraExtensionsForOtherRule).every(_ => !filename.endsWith(_)),
-            },
-            module: {
-                rules: [
-                    Rule.ts({tsconfigFilepath: this.tsconfigFilepath, fastRefresh: false}),
-                    Rule.stylesheet({minimize: true}),
-                    Rule.image(),
-                    Rule.other({extraExtensionsForOtherRule: this.extraExtensionsForOtherRule}),
-                    // prettier-format-preserve
-                ],
-            },
-            plugins: [
-                ...this.htmlWebpackPluginInstances,
-                Plugin.scriptTagCrossOriginPlugin(),
-                Plugin.ignoreMomentLocale(),
-                Plugin.fileOutput.miniCssExtract({enableProfiling: this.enableProfiling}),
-                ...(this.enableProfiling ? [Plugin.webpack.progress({enableProfiling: true})] : []), // disable to not bloat up CI logs
-                Plugin.webpack.define(this.defineVars),
-                // prettier-format-preserve
-            ],
-        };
-        if (this.verbose || CoreUtil.verbose()) {
-            this.logger.info("Full webpack config:");
-            console.info(WebpackConfigSerializationUtil.configToString(config));
-        }
-        return config;
-    }
-}
-
-export type {WebpackConfigGeneratorOptions};

package/src/WebpackServerStarter.ts

@@ -1,138 +0,0 @@
-import {Utility} from "@pinnacle0/devtool-util";
-import path from "path";
-import webpack from "webpack";
-import DevServer from "webpack-dev-server";
-import type {Application as ExpressApplication} from "express";
-import type {WebpackConfigGeneratorOptions} from "./WebpackConfigGenerator";
-import {WebpackConfigGenerator} from "./WebpackConfigGenerator";
-import type WebpackDevServer from "webpack-dev-server";
-
-export interface WebpackServerStarterOptions
-    extends Pick<
-        WebpackConfigGeneratorOptions,
-        // prettier-reserve
-        "projectDirectory" | "dynamicPathResolvers" | "extraEntries" | "prioritizedExtensionPrefixes" | "defineVars" | "extraExtensionsForOtherRule"
-    > {
-    port: number;
-    apiProxy?: {
-        target: string;
-        context: string[];
-    };
-    interceptExpressApp?: (app: ExpressApplication) => void;
-}
-
-/**
- * Start webpack dev server, by creating WebpackServerStarter instance and then run.
- *
- ***************************************
- *
- * Add "--env envName" to command line, if you want to switch config folder dynamically.
- */
-
-export class WebpackServerStarter {
-    private readonly devServerConfigContentBase: string;
-    private readonly onBeforeSetupMiddleware: WebpackDevServer.Configuration["onBeforeSetupMiddleware"];
-    private readonly port: number;
-    private readonly apiProxy:
-        | {
-              target: string;
-              context: string[];
-              secure: boolean;
-              changeOrigin: boolean;
-          }[]
-        | undefined;
-    private readonly logger = Utility.createConsoleLogger("WebpackServerStarter");
-    private readonly webpackConfig: webpack.Configuration;
-
-    constructor({
-        projectDirectory,
-        port,
-        apiProxy,
-        interceptExpressApp,
-        dynamicPathResolvers,
-        extraEntries,
-        prioritizedExtensionPrefixes,
-        defineVars,
-        extraExtensionsForOtherRule,
-    }: WebpackServerStarterOptions) {
-        this.devServerConfigContentBase = path.join(projectDirectory, "static");
-        this.port = port;
-        this.apiProxy = apiProxy
-            ? [
-                  {
-                      context: apiProxy.context,
-                      target: apiProxy.target,
-                      secure: false,
-                      changeOrigin: true,
-                  },
-              ]
-            : undefined;
-        this.onBeforeSetupMiddleware = interceptExpressApp ? devServer => (devServer.app ? interceptExpressApp(devServer.app) : undefined) : undefined;
-        this.webpackConfig = new WebpackConfigGenerator({
-            projectDirectory,
-            dynamicPathResolvers,
-            extraEntries,
-            prioritizedExtensionPrefixes,
-            defineVars,
-            extraExtensionsForOtherRule,
-        }).development();
-    }
-
-    async run() {
-        try {
-            this.logger.info(["Starting dev server on port", String(this.port)]);
-            const server = this.createDevServerInstance();
-            const signals: NodeJS.Signals[] = ["SIGINT", "SIGTERM"];
-            for (const signal of signals) {
-                process.on(signal, () => {
-                    // force stop webpack dev server
-                    server.stopCallback(() => {});
-                    process.exit();
-                });
-            }
-            await server.start();
-        } catch (e) {
-            this.logger.error(e);
-            console.error(e);
-            process.exit(1);
-        }
-    }
-
-    private createDevServerInstance() {
-        return new DevServer(
-            {
-                host: "0.0.0.0",
-                port: this.port,
-                static: {
-                    directory: this.devServerConfigContentBase,
-                },
-                historyApiFallback: true,
-                server: {
-                    type: "https",
-                },
-                compress: true,
-                hot: true,
-                client: {
-                    overlay: {
-                        errors: true,
-                    },
-                },
-                onBeforeSetupMiddleware: this.onBeforeSetupMiddleware,
-                devMiddleware: {
-                    stats: {
-                        colors: true,
-                        // https://github.com/webpack/webpack/blob/b65d060040a26255cbf6f50350fef4d4ffcce4d7/lib/stats/DefaultStatsPresetPlugin.js#L96-L103
-                        all: false,
-                        errors: true,
-                        errorsCount: true,
-                        warnings: true,
-                        warningsCount: true,
-                        logging: "warn",
-                    },
-                },
-                proxy: this.apiProxy,
-            },
-            webpack(this.webpackConfig)
-        );
-    }
-}

package/src/index.ts

@@ -1,9 +0,0 @@
-import {WebpackBuilder} from "./WebpackBuilder";
-import {WebpackServerStarter} from "./WebpackServerStarter";
-import {CoreUtil} from "./CoreUtil";
-
-export const WebpackUtil = Object.freeze({
-    Builder: WebpackBuilder,
-    ServerStarter: WebpackServerStarter,
-    ...CoreUtil,
-});