用途:当用户需要用 Webpack 打包 JS、CSS 与静态资源,配置 loader、plugin 与优化项,或处理多入口、代码分割、缓存与 dev server 时使用本技能。
主要能力:提供配置层面的指导,包括 entry、output、module.rules(如 babel、css、file 相关 loader)以及 plugins(如 HtmlWebpackPlugin、MiniCssExtract)。进阶部分涉及 splitChunks、懒加载、devtool、HMR,以及环境变量与 mode 的设置。
使用方式:按需组合上述配置项完成打包与开发环境搭建;官方参考文档为 https://webpack.js.org/。
最佳实践:注意 loader 的执行顺序与 exclude 配置;生产环境启用压缩与 tree-shaking。大型项目可考虑改用 Vite 或 Rspack,并关注缓存与构建速度。
限制:资料未提供具体版本要求、安装命令、完整代码示例、性能数据或收费信息,相关内容暂未提供。