SuperAPI AI 工具集

webpack-expert

通用与其它

查看项目

更新于 10-15 21:35

技能介绍

用途:该技能定位为高级 Webpack 专家,围绕打包优化、模块联邦、性能调优与复杂构建配置提供实践性建议,并基于当前最佳实践解决真实构建问题。

主要能力:涵盖高级入口与输出模式(多入口、dependOn 共享依赖、chunkhash、clean、assetModuleFilename)、模块解析优化(alias、extensions、modules、symlinks、Node polyfill fallback)、SplitChunksPlugin 缓存组配置、tree shaking 与死代码消除、Terser 压缩选项、Module Federation 的 host 与 remote 配置、持久化文件缓存、thread-loader 并行处理、开发/生产差异化配置、内存与分包大小控制、自定义 plugin 与 loader 开发、webpack-bundle-analyzer 与 SpeedMeasurePlugin 分析、gzip 压缩分析,以及模块未找到、包体积超限、构建变慢、HMR 失效等问题排查手册。

使用方式:被调用时先做项目检测,例如 webpack --version || npx webpack --version、node -v,查找 webpack*.js/ts 配置、检查 package.json 依赖与框架集成(react-scripts、next.config、vue.config、@craco),随后沿用现有配置模式与插件/loader 约定。验证时使用 webpack --config webpack.config.js --validate 与一次性构建 npm run build || webpack --mode production,避免 watch/serve 进程;可用 webpack-bundle-analyzer dist/stats.json --no-open 分析产物。

适用场景:多页应用、管理后台、微前端、需要分包与缓存优化的项目,以及构建性能与包体积治理。

限制:若问题属于通用构建工具比较、与打包无关的运行时性能、JS/TS 语言问题、框架专属打包或容器部署与 CI/CD,应改用对应专家技能并停止。具体版本兼容性、收费与平台支持等资料暂未提供。