webpack

Webpack 5 是用于 JavaScript 应用的模块打包工具，具备较完整的插件生态，可用于自定义构建流程。主要能力包括：通过 loader 处理 JavaScript/TypeScript、CSS/Sass、CSS Modules、图片与字体等资源；通过 plugin 生成 HTML、抽取与压缩 CSS、压缩 JS；支持入口分包、动态 import、SplitChunks 与 runtimeChunk 等代码分割方式；支持 Module Federation，在独立构建之间于运行时共享代码。使用方式：安装 npm install --save-dev webpack webpack-cli webpack-dev-server，创建 webpack.config.js，开发时运行 npx webpack serve，生产构建运行 npx webpack --mode production。TypeScript 项目需安装 typescript 与 ts-loader 并配置 resolve.extensions。模块联邦中，宿主应用通过 ModuleFederationPlugin 的 remotes 引用远程 remoteEntry.js，远程应用通过 exposes 暴露模块，并使用 shared 共享 react 等依赖。devServer 可配置端口、热更新、historyApiFallback 与代理。生产优化可启用 minimize、TerserPlugin、CssMinimizerPlugin、contenthash 与 performance 提示。环境变量可通过 DefinePlugin 或 EnvironmentPlugin 注入，Source Maps 由 devtool 控制。限制：资料未提供收费、价格、平台与效果信息；配置需按项目自行调整，Module Federation 等用法需保证宿主与远程构建的共享依赖版本兼容。