用途:该技能提供 Webpack 专家级协助,覆盖资源打包、代码分割、loader、插件、缓存策略与 webpack.config.js 优化,适合企业 Webpack 5 打包、模块联邦微前端、细粒度代码分割与缓存、自定义 loader/plugin 架构等工作。
主要能力:可配置最小 webpack.config.js(入口、输出 filename 使用 [name].[contenthash].js、clean、asset/resource、HtmlWebpackPlugin、splitChunks)并运行 npx webpack --mode production;生产配置支持 swc-loader、MiniCssExtractPlugin、CssMinimizerPlugin、TerserPlugin、resolve.alias、asset 内联阈值(8KB)、splitChunks 的 vendors 缓存组、devServer(hot、historyApiFallback);模块联邦通过 ModuleFederationPlugin 暴露与消费远程模块,共享依赖可用 singleton 与 requiredVersion;文件系统缓存 cache type filesystem 及 buildDependencies;动态 import 配合 webpackChunkName 做代码分割;runtimeChunk single 分离运行时以优化长期缓存。
使用方式:在配置中按需引入上述 loader、plugin 与 optimization 选项,按文档给出的 CLI 命令构建;Webpack 5 可开启文件系统缓存缩短后续构建,用 swc-loader 或 esbuild-loader 替代 babel-loader,生产输出文件名使用 [contenthash:8],模块联邦共享依赖用 singleton: true。
适用场景:企业级 Webpack 5 应用、模块联邦微前端、需要精细 splitChunks 与确定性哈希的长期缓存优化、自定义编译管线扩展。
限制:资料未提供该技能的安装命令、许可证、价格、平台支持与具体使用步骤;其性能与效果描述仅为资料中给出的说法,未提供实测数据。