@esmx/rspack 3.0.0-rc.11 → 3.0.0-rc.111

package/dist/html-app.mjs

@@ -1,214 +0,0 @@
-import {
-  rspack
-} from "@rspack/core";
-import NodePolyfillPlugin from "node-polyfill-webpack-plugin";
-import {
-  createRspackApp
-} from "./app.mjs";
-import { RSPACK_LOADER } from "./loader.mjs";
-export async function createRspackHtmlApp(esmx, options) {
-  options = {
-    ...options,
-    target: {
-      web: ["chrome>=87", "edge>=88", "firefox>=78", "safari>=14"],
-      node: ["node>=22.6"],
-      ...options?.target
-    },
-    css: options?.css ? options.css : esmx.isProd ? "css" : "js"
-  };
-  return createRspackApp(esmx, {
-    ...options,
-    config(context) {
-      const { config, buildTarget } = context;
-      config.stats = "errors-warnings";
-      config.module = {
-        ...config.module,
-        rules: [
-          ...config.module?.rules ?? [],
-          {
-            test: /\.(jpe?g|png|gif|bmp|webp|svg)$/i,
-            type: "asset/resource",
-            generator: {
-              filename: filename(esmx, "images")
-            }
-          },
-          {
-            test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)$/i,
-            type: "asset/resource",
-            generator: {
-              filename: filename(esmx, "media")
-            }
-          },
-          {
-            test: /\.(woff|woff2|eot|ttf|otf)(\?.*)?$/i,
-            type: "asset/resource",
-            generator: {
-              filename: filename(esmx, "fonts")
-            }
-          },
-          {
-            test: /\.json$/i,
-            type: "json"
-          },
-          {
-            test: /\.worker\.(c|m)?(t|j)s$/i,
-            loader: options.loaders?.workerRspackLoader ?? RSPACK_LOADER.workerRspackLoader,
-            options: {
-              esModule: false,
-              filename: `${esmx.name}/workers/[name].[contenthash]${esmx.isProd ? ".final" : ""}.js`
-            }
-          },
-          {
-            test: /\.(ts|mts)$/i,
-            loader: options.loaders?.builtinSwcLoader ?? RSPACK_LOADER.builtinSwcLoader,
-            options: {
-              env: {
-                targets: buildTarget === "client" ? options?.target?.web : options?.target?.node,
-                ...options?.swcLoader?.env
-              },
-              jsc: {
-                parser: {
-                  syntax: "typescript",
-                  ...options?.swcLoader?.jsc?.parser
-                },
-                ...options?.swcLoader?.jsc
-              },
-              ...options?.swcLoader
-            },
-            type: "javascript/auto"
-          }
-        ]
-      };
-      config.optimization = {
-        ...config.optimization,
-        minimizer: [
-          new rspack.SwcJsMinimizerRspackPlugin({
-            minimizerOptions: {
-              format: {
-                comments: false
-              }
-            }
-          }),
-          new rspack.LightningCssMinimizerRspackPlugin({
-            minimizerOptions: {
-              targets: options.target?.web,
-              errorRecovery: false
-            }
-          })
-        ]
-      };
-      config.plugins = [
-        new NodePolyfillPlugin(),
-        ...config.plugins ?? []
-      ];
-      config.devtool = false;
-      config.cache = false;
-      if (options.definePlugin) {
-        const defineOptions = {};
-        Object.entries(options.definePlugin).forEach(
-          ([name, value]) => {
-            const targetValue = typeof value === "string" ? value : value[buildTarget];
-            if (typeof targetValue === "string" && name !== targetValue) {
-              defineOptions[name] = targetValue;
-            }
-          }
-        );
-        if (Object.keys(defineOptions).length) {
-          config.plugins.push(new rspack.DefinePlugin(defineOptions));
-        }
-      }
-      config.resolve = {
-        ...config.resolve,
-        extensions: ["...", ".ts"]
-      };
-      addCssConfig(esmx, options, context);
-      options?.config?.(context);
-    }
-  });
-}
-function filename(esmx, name, ext = "[ext]") {
-  return esmx.isProd ? `${name}/[name].[contenthash:8].final${ext}` : `${name}/[path][name]${ext}`;
-}
-function addCssConfig(esmx, options, { config }) {
-  if (options.css === false) {
-    return;
-  }
-  if (options.css === "js") {
-    const cssRule = [
-      {
-        loader: options.loaders?.styleLoader ?? RSPACK_LOADER.styleLoader,
-        options: options.styleLoader
-      },
-      {
-        loader: options.loaders?.cssLoader ?? RSPACK_LOADER.cssLoader,
-        options: options.cssLoader
-      },
-      {
-        loader: options.loaders?.lightningcssLoader ?? RSPACK_LOADER.lightningcssLoader,
-        options: {
-          targets: options.target?.web ?? [],
-          minify: esmx.isProd
-        }
-      }
-    ];
-    const lessRule = [
-      {
-        loader: options.loaders?.lessLoader ?? RSPACK_LOADER.lessLoader,
-        options: options.lessLoader
-      }
-    ];
-    if (options.styleResourcesLoader) {
-      lessRule.push({
-        loader: options.loaders?.styleResourcesLoader ?? RSPACK_LOADER.styleResourcesLoader,
-        options: options.styleResourcesLoader
-      });
-    }
-    config.module = {
-      ...config.module,
-      rules: [
-        ...config.module?.rules ?? [],
-        {
-          test: /\.less$/,
-          use: [...cssRule, ...lessRule],
-          type: "javascript/auto"
-        },
-        {
-          test: /\.css$/,
-          use: cssRule,
-          type: "javascript/auto"
-        }
-      ]
-    };
-    return;
-  }
-  config.experiments = {
-    ...config.experiments,
-    css: true
-  };
-  if (!config.experiments.css) {
-    return;
-  }
-  const lessLoaders = [
-    {
-      loader: options.loaders?.lessLoader ?? RSPACK_LOADER.lessLoader,
-      options: options.lessLoader
-    }
-  ];
-  if (options.styleResourcesLoader) {
-    lessLoaders.push({
-      loader: options.loaders?.styleResourcesLoader ?? RSPACK_LOADER.styleResourcesLoader,
-      options: options.styleResourcesLoader
-    });
-  }
-  config.module = {
-    ...config.module,
-    rules: [
-      ...config.module?.rules ?? [],
-      {
-        test: /\.less$/,
-        use: [...lessLoaders],
-        type: "css"
-      }
-    ]
-  };
-}

package/dist/loader.d.ts

@@ -1,30 +0,0 @@
-export declare const RSPACK_LOADER: {
-    /**
-     * Rspack 内置的 builtin:swc-loader
-     */
-    builtinSwcLoader: string;
-    /**
-     * Rspack 内置的 lightningcss-loader
-     */
-    lightningcssLoader: string;
-    /**
-     * css-loader
-     */
-    cssLoader: string;
-    /**
-     * style-loader
-     */
-    styleLoader: string;
-    /**
-     * less-loader
-     */
-    lessLoader: string;
-    /**
-     * style-resources-loader
-     */
-    styleResourcesLoader: string;
-    /**
-     * worker-rspack-loader
-     */
-    workerRspackLoader: string;
-};

package/dist/pack.d.ts

@@ -1,2 +0,0 @@
-import type { Esmx } from '@esmx/core';
-export declare function pack(esmx: Esmx): Promise<boolean>;

package/dist/utils/rsbuild.d.ts

@@ -1,12 +0,0 @@
-import { type Compiler, type RspackOptions } from '@rspack/core';
-export declare function createRsBuild(options: RspackOptions[]): {
-    readonly compilers: Compiler[];
-    build(): Promise<boolean>;
-    watch(): void;
-};
-export declare class RsBuild {
-    private compiler;
-    constructor(options: RspackOptions);
-    build(): Promise<boolean>;
-    watch(): void;
-}

package/src/build-target.ts

@@ -1,8 +0,0 @@
-/**
- * 构建目标环境类型
- * @description 定义了应用程序的构建目标环境，用于配置构建过程中的特定优化和功能
- * - node: 构建为 Node.js 环境运行的代码
- * - client: 构建为浏览器环境运行的代码
- * - server: 构建为服务端环境运行的代码
- */
-export type BuildTarget = 'node' | 'client' | 'server';

package/src/config.ts

@@ -1,171 +0,0 @@
-import type { Esmx } from '@esmx/core';
-import { moduleLinkPlugin } from '@esmx/rspack-module-link-plugin';
-import {
-    type ExternalItem,
-    type Plugins,
-    type RspackOptions,
-    rspack
-} from '@rspack/core';
-import nodeExternals from 'webpack-node-externals';
-import type { RspackAppOptions } from './app';
-import type { BuildTarget } from './build-target';
-
-/**
- * 构建 Client、Server、Node 的基础配置
- */
-export function createRspackConfig(
-    esmx: Esmx,
-    buildTarget: BuildTarget,
-    options: RspackAppOptions
-): RspackOptions {
-    const isWebApp = buildTarget === 'client' || buildTarget === 'server';
-    const isHot = buildTarget === 'client' && !esmx.isProd;
-    return {
-        /**
-         * 项目根目录，不可修改
-         */
-        context: esmx.root,
-        entry: (() => {
-            const importPaths: string[] = [];
-            switch (buildTarget) {
-                case 'client':
-                    importPaths.push(esmx.resolvePath('src/entry.client.ts'));
-                    isHot &&
-                        importPaths.push(
-                            `${resolve('webpack-hot-middleware/client')}?path=${esmx.basePath}hot-middleware&timeout=5000&overlay=false`
-                        );
-                    break;
-                case 'server':
-                    importPaths.push(esmx.resolvePath('src/entry.server.ts'));
-                    break;
-                case 'node':
-                    importPaths.push(esmx.resolvePath('src/entry.node.ts'));
-                    break;
-            }
-            return {
-                [`./src/entry.${buildTarget}`]: {
-                    import: importPaths
-                }
-            };
-        })(),
-        output: {
-            clean: esmx.isProd,
-            module: true,
-            chunkFormat: esmx.isProd ? 'module' : undefined,
-            chunkLoading: esmx.isProd ? 'import' : undefined,
-            chunkFilename: esmx.isProd
-                ? 'chunks/[name].[contenthash:8].final.js'
-                : 'chunks/[name].js',
-            library: {
-                type: esmx.isProd ? 'modern-module' : 'module'
-            },
-            filename:
-                buildTarget !== 'node' && esmx.isProd
-                    ? '[name].[contenthash:8].final.js'
-                    : '[name].js',
-            cssFilename: esmx.isProd
-                ? '[name].[contenthash:8].final.css'
-                : '[name].css',
-            cssChunkFilename: esmx.isProd
-                ? 'chunks/[name].[contenthash:8].final.css'
-                : 'chunks/[name].css',
-            publicPath:
-                buildTarget === 'client'
-                    ? 'auto'
-                    : `${esmx.basePathPlaceholder}${esmx.basePath}`,
-            uniqueName: esmx.varName,
-            hotUpdateChunkFilename: '__hot__/[id].[fullhash].hot-update.js',
-            hotUpdateMainFilename:
-                '__hot__/[runtime].[fullhash].hot-update.json',
-            path: ((): string => {
-                switch (buildTarget) {
-                    case 'client':
-                        return esmx.resolvePath('dist/client');
-                    case 'server':
-                        return esmx.resolvePath('dist/server');
-                    case 'node':
-                        return esmx.resolvePath('dist/node');
-                }
-            })(),
-            environment: {
-                nodePrefixForCoreModules: true
-            }
-        },
-        // 默认插件，不可修改
-        plugins: ((): Plugins => {
-            return [
-                // 进度条插件
-                new rspack.ProgressPlugin({
-                    prefix: buildTarget
-                }),
-                // 模块链接插件
-                isWebApp ? moduleLinkPlugin(esmx.moduleConfig) : false,
-                // 热更新插件
-                isHot ? new rspack.HotModuleReplacementPlugin() : false
-            ];
-        })(),
-        module: {
-            parser: {
-                javascript: {
-                    url: buildTarget === 'client' ? true : 'relative',
-                    importMeta: false,
-                    strictExportPresence: true
-                }
-            },
-            generator: {
-                asset: {
-                    emit: buildTarget === 'client'
-                },
-                'asset/resource': {
-                    emit: buildTarget === 'client'
-                }
-            },
-            rules: []
-        },
-        resolve: {
-            alias: {
-                [esmx.name]: esmx.root
-            }
-        },
-        optimization: {
-            minimize: options.minimize ?? esmx.isProd,
-            avoidEntryIife: esmx.isProd,
-            concatenateModules: esmx.isProd,
-            emitOnErrors: true,
-            splitChunks: {
-                chunks: 'async'
-            }
-        },
-        externalsPresets: {
-            web: buildTarget === 'client',
-            node: buildTarget === 'server' || buildTarget === 'node'
-        },
-        externalsType: 'module-import',
-        externals: ((): ExternalItem[] => {
-            if (buildTarget === 'node') {
-                return [
-                    // @ts-ignore
-                    nodeExternals({
-                        // @ts-ignore
-                        importType: 'module-import'
-                    })
-                ];
-            }
-            return [];
-        })(),
-        experiments: {
-            outputModule: true,
-            parallelCodeSplitting: true,
-            rspackFuture: {
-                bundlerInfo: { force: false }
-            }
-        },
-        target: buildTarget === 'client' ? 'web' : 'node22.6',
-        mode: esmx.isProd ? 'production' : 'development',
-        cache: !esmx.isProd
-    };
-}
-
-function resolve(name: string) {
-    return new URL(import.meta.resolve(name)).pathname;
-}