前端优化—打包速度提升43.5%
💡
原文中文，约2000字，阅读约需5分钟。
📝
内容提要
该项目通过webpack-bundle-analyzer插件分析打包情况，发现assets文件占67%，建议将大量svg迁移至CDN，并使用svg-sprite-loader优化svg配置，以减少打包时间和体积。经过多次尝试，确认某些插件对打包体积有影响。
🎯
关键要点
- 项目通过webpack-bundle-analyzer插件分析打包情况。
- assets文件占比67%，主要为svg文件，字体文件占12.1MB。
- 建议将大量svg迁移至CDN，并使用svg-sprite-loader优化svg配置。
- 当前打包用时194046ms，原始配置只有3个主要chunk。
- 使用svg-sprite-loader优化配置可减少打包时间和体积。
- 原始配置未明确symbolId命名，导致打包时间较长。
- 选择特定插件可降低打包时间，但可能增加打包体积。
- 多次尝试确认某些插件对打包体积有影响。
