@doracli/webpack 0.0.2 → 0.0.4

package/lib/type/index.d.ts

@@ -1,17 +1,14 @@
+import * as http from 'http';
 import * as webpack from 'webpack';
 import webpack__default, { Configuration, Stats, Compiler as Compiler$1 } from 'webpack';
-import * as http from 'http';
 import WebpackDevServer, { Configuration as Configuration$1 } from 'webpack-dev-server';
 import { TPlainObject, TAny } from '@cclr/lang';
-import { CompilerBase, ConfigCtx } from '@doracli/helper';
+import { CompilerBase, ConfigCtx, HtmlAssetManager } from '@doracli/helper';
 import * as _doracli_type from '@doracli/type';
 import { TModule as TModule$1 } from '@doracli/type';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
-
-declare const build: (options: Configuration) => Promise<{
-    err?: Error | null;
-    stats?: Stats;
-}>;
+import { TOnionFun } from '@cclr/utils';
+import { TDoraConfigMultiple } from '@doracli/type/src/dora-config-multiple';
 
 type TAction = 'build' | 'server' | 'lib';
 type TEnvParams = {
@@ -19,6 +16,10 @@ type TEnvParams = {
     workRootDir: string;
     format?: TModule$1;
 };
+type TModuleInfo = {
+    name: string;
+    input: string;
+};
 
 type TMode = Configuration['mode'];
 type TEntry = Configuration['entry'];
@@ -33,8 +34,8 @@ type TPlugins = Configuration['plugins'];
 type TOptimization = Configuration['optimization'];
 
 type TBuildResult = {
-    Error: Error;
-    Stats: Stats;
+    err: Error;
+    stats: Stats;
 };
 declare class Compiler extends CompilerBase<Configuration, {
     build: Promise<TBuildResult>;
@@ -42,16 +43,18 @@ declare class Compiler extends CompilerBase<Configuration, {
     server: Promise<WebpackDevServer>;
 }> {
     context: (webpackConfig: Configuration) => Promise<{
+        compiler: webpack__default.Compiler;
         rebuild: () => Promise<TBuildResult>;
         cancel: () => Promise<void>;
+        server: (serverOptions: Configuration$1, webpackConfig?: Configuration) => Promise<WebpackDevServer<any, http.Server<typeof http.IncomingMessage, typeof http.ServerResponse>>>;
     }>;
     inOutMap: (inputOutputMap: Record<string, string>) => Promise<TBuildResult>;
     input: (input: string) => Promise<{
         output: (output: TOutput) => Promise<TBuildResult>;
     }>;
     build: (webpackConfig: Configuration) => Promise<TBuildResult>;
-    watch: (watchOptions: Configuration["watchOptions"], webpackConfig: Configuration, cb?: (err: Error | null, stats?: Stats) => void) => webpack.Watching;
-    server: (serverOptions: Configuration$1, webpackConfig?: Configuration) => Promise<WebpackDevServer<any, http.Server<typeof http.IncomingMessage, typeof http.ServerResponse>>>;
+    watch: (watchOptions: Configuration["watchOptions"], webpackConfig: Configuration, cb?: (err: Error | null, stats?: Stats) => void) => webpack__default.Watching;
+    server: (serverOptions: Configuration$1, webpackConfig?: Configuration, userCompiler?: webpack__default.Compiler) => Promise<WebpackDevServer<any, http.Server<typeof http.IncomingMessage, typeof http.ServerResponse>>>;
 }
 
 declare const getDevServer: (serviceConfig: Configuration$1) => Configuration$1;
@@ -98,11 +101,11 @@ declare class TsconfigPlugin {
 
 declare const getTsconfigPlugin: (envParams: TEnvParams) => TsconfigPlugin;
 
-declare const getReactPluginsPreset: (envParams: TEnvParams, options: {
-    minimize?: boolean;
+interface IReactPluginsPresetOptions {
     WebpackBundleAnalyzerOptions?: TAny;
-    HtmlWebpackPluginOptions?: HtmlWebpackPlugin.Options;
-}) => TPlugins;
+    cssFilename?: string;
+}
+declare const getReactPluginsPreset: (envParams: TEnvParams, options: IReactPluginsPresetOptions) => TPlugins;
 
 /**
  * 获取webpack的resolve配置
@@ -113,8 +116,9 @@ declare const getResolve: (resolveConfig: TResolve) => TResolve;
 
 declare const getResolveLoader: () => TResolveLoader;
 
-declare const createCompiler: (config: Configuration) => webpack__default.Compiler | null;
-
+/**
+ * 单任务上下文
+ */
 declare class Ctx {
     configCtx: ConfigCtx;
     webpackConfig: Configuration;
@@ -126,8 +130,122 @@ declare class Ctx {
     updateDevServerConfig(config: Configuration$1): void;
     getDoraConfig(): _doracli_type.TDoraConfig;
     geTDoraConfigWebpack(): _doracli_type.TDoraConfigWebpack;
+    getDoraConfigServiceConfig(): Partial<_doracli_type.TDoraConfigService>;
 }
 
+/**
+ * webpack dev server 配置 中间件
+ * @returns
+ */
+declare const webpackDevServerMw: () => TOnionFun<Ctx>;
+
+/**
+ * webpack dev server 配置 中间件
+ * @returns
+ */
+declare const webpackDevtoolMw: () => TOnionFun<Ctx>;
+
+declare const envParamsMw: (envParams: TEnvParams) => TOnionFun<Ctx>;
+
+/**
+ * webpack dev server 配置 中间件
+ * @returns
+ */
+declare const webpackExternalsMw: () => TOnionFun<Ctx>;
+
+/**
+ * webpack dev server 配置 中间件
+ * @returns
+ */
+declare const webpackEntryWholeMw: () => TOnionFun<Ctx>;
+
+/**
+ * 处理 multiple
+ * - 1. multiple 变成多入口，多出口 的 entry格式
+ * - 2. 上下文一定要拆分过
+ */
+declare const multipleToInOutMw: () => TOnionFun<Ctx>;
+
+/**
+ * webpack dev server 配置 中间件
+ * @returns
+ */
+declare const webpackOutputMw: () => TOnionFun<Ctx>;
+
+type TLogLevel = 'none' | 'verbose' | 'error' | 'warn' | 'info' | 'log';
+/**
+ * webpack dev server 配置 中间件
+ * @returns
+ */
+declare const webpackLogLevelMw: (logLevel?: TLogLevel) => TOnionFun<Ctx>;
+
+/**
+ * webpack dev server 配置 中间件
+ * @returns
+ */
+declare const webpackReactModuleMw: () => TOnionFun<Ctx>;
+
+/**
+ * webpack dev server 配置 中间件
+ * @returns
+ */
+declare const webpackPlainMw: () => TOnionFun<Ctx>;
+
+/**
+ * 替换 React 相关的插件配置
+ * @returns
+ */
+declare const webpackReactPluginMw: (options?: IReactPluginsPresetOptions) => TOnionFun<Ctx>;
+/**
+ * 替换 React 相关的插件配置
+ * @returns
+ */
+declare const webpackMultipleReactPluginMw: () => TOnionFun<Ctx>;
+/**
+ * 添加 HtmlWebpackPlugin 插件配置
+ * @returns
+ */
+declare const webpackHtmlPluginMw: () => TOnionFun<Ctx>;
+
+/**
+ * webpack dev server 配置 中间件
+ * @returns
+ */
+declare const webpackResolveMw: () => TOnionFun<Ctx>;
+
+/**
+ * webpack dev server 配置 中间件
+ * @returns
+ */
+declare const webpackResolveLoaderMw: () => TOnionFun<Ctx>;
+
+type TBundleAsset = {
+    name: string;
+    scripts: string[];
+    styles: string[];
+    runtimeChunks: string[];
+};
+declare function collectAssetUrls(compiler: webpack__default.Compiler, onChange?: (params: Record<string, TBundleAsset>) => void, options?: {
+    hostname?: string;
+    port?: number | string;
+}): () => Record<string, TBundleAsset>;
+
+declare const htmlRouteGeneratorMw: (htmlAssetManager: HtmlAssetManager, configCtx: ConfigCtx) => Promise<(req: any, res: any, next: any) => Promise<void>>;
+
+/**
+ * 把配置拆分成多个标准的配置上下文，使用于webpack
+ * - 主要是拆分成不同的入口输出分组
+ * @param configCtx
+ */
+declare const splitDoraConfig: (configCtx: ConfigCtx) => ConfigCtx[];
+
+/**
+ * 根据配置分组
+ * @param multiple
+ * @returns
+ */
+declare const splitDoraConfigMultiple: (multiple: TDoraConfigMultiple[]) => TDoraConfigMultiple[][];
+
 declare const mergeWebpackConfig: <T extends Partial<Configuration>>(first: T | undefined, second: T | undefined) => Partial<Configuration>;
 /**
  * 合并多个 devServer 配置
@@ -136,12 +254,5 @@ declare const mergeWebpackConfig: <T extends Partial<Configuration>>(first: T |
  */
 declare const mergeServerConfig: <T extends Partial<Configuration$1>>(...configs: (T | undefined)[]) => Configuration$1;
 
-/**
- * 启动服务
- * @param options
- * @param compiler
- */
-declare const service: (options: Configuration$1, compiler: Compiler$1) => Promise<void>;
-
-export { Compiler, Ctx, babelLoader, build, createCompiler, cssLoader, getBabelConfig, getCssBaseLoader, getDevServer, getDevtool, getEntry, getExternals, getHtmlWebpackPlugin, getMode, getOptimization, getOutput, getReactModulePreset, getReactPluginsPreset, getResolve, getResolveLoader, getTsconfigPlugin, lessLoader, mergeServerConfig, mergeWebpackConfig, postcssLoader, postcssPresetEnv, sassLoader, service, styleLoader };
-export type { TAction, TBuildResult, TDevtool, TEntry, TEnvParams, TExperiments, TExternals, TMode, TModule, TOptimization, TOutput, TPlugins, TResolve, TResolveLoader };
+export { Compiler, Ctx, babelLoader, collectAssetUrls, cssLoader, envParamsMw, getBabelConfig, getCssBaseLoader, getDevServer, getDevtool, getEntry, getExternals, getHtmlWebpackPlugin, getMode, getOptimization, getOutput, getReactModulePreset, getReactPluginsPreset, getResolve, getResolveLoader, getTsconfigPlugin, htmlRouteGeneratorMw, lessLoader, mergeServerConfig, mergeWebpackConfig, multipleToInOutMw, postcssLoader, postcssPresetEnv, sassLoader, splitDoraConfig, splitDoraConfigMultiple, styleLoader, webpackDevServerMw, webpackDevtoolMw, webpackEntryWholeMw, webpackExternalsMw, webpackHtmlPluginMw, webpackLogLevelMw, webpackMultipleReactPluginMw, webpackOutputMw, webpackPlainMw, webpackReactModuleMw, webpackReactPluginMw, webpackResolveLoaderMw, webpackResolveMw };
+export type { IReactPluginsPresetOptions, TAction, TBuildResult, TBundleAsset, TDevtool, TEntry, TEnvParams, TExperiments, TExternals, TLogLevel, TMode, TModule, TModuleInfo, TOptimization, TOutput, TPlugins, TResolve, TResolveLoader };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@doracli/webpack",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "use webpack",
   "author": "cclr <18843152354@163.com>",
   "homepage": "",
@@ -28,36 +28,36 @@
     "build": "ccf build"
   },
   "dependencies": {
-    "@dorabag/open-browser": "^1.0.10"
+    "@dorabag/open-browser": "^1.0.16"
   },
   "devDependencies": {
-    "@cclr/lang": "^0.1.28",
-    "@cclr/utils": "^0.1.28",
-    "@dorabag/config-loader": "^1.0.11",
+    "@cclr/lang": "^0.1.44",
+    "@cclr/utils": "^0.1.44",
+    "@dorabag/config-loader": "^1.0.16",
     "@dorabag/file-pro": "^1.0.10",
     "@dorabag/open-browser": "^1.0.7",
-    "@dorabag/srv-tool": "^1.0.10",
-    "@doracli/helper": "^0.0.2",
-    "@doracli/preset-babel": "^0.0.2",
-    "@doracli/type": "^0.0.2",
+    "@dorabag/srv-tool": "^1.0.16",
+    "@doracli/helper": "^0.0.4",
+    "@doracli/preset-babel": "^0.0.4",
+    "@doracli/type": "^0.0.4",
     "babel-loader": "^10.0.0",
     "css-loader": "^7.1.2",
-    "html-webpack-plugin": "^5.6.4",
-    "less": "^4.4.2",
+    "html-webpack-plugin": "^5.6.5",
+    "less": "^4.5.1",
     "less-loader": "^12.3.0",
     "mini-css-extract-plugin": "^2.9.4",
     "picocolors": "^1.1.1",
     "postcss": "^8.5.6",
     "postcss-loader": "^8.2.0",
-    "postcss-preset-env": "^10.4.0",
-    "sass": "^1.93.2",
+    "postcss-preset-env": "^10.5.0",
+    "sass": "^1.97.0",
     "sass-loader": "^16.0.6",
     "style-loader": "^4.0.0",
-    "terser-webpack-plugin": "^5.3.14",
-    "webpack": "^5.102.1",
+    "terser-webpack-plugin": "^5.3.16",
+    "webpack": "^5.104.0",
     "webpack-bundle-analyzer": "^4.10.2",
     "webpack-dev-server": "^5.2.2",
     "webpackbar": "^7.0.0"
   },
-  "gitHead": "912cb44292b64679630a799974d18c22b2e69738"
+  "gitHead": "a978bb7e7b32c192b1eb527dae5f25bbe1a2af86"
 }