- 博客(5)
- 收藏
- 关注
RSS订阅原创 【动态引入/按需加载】Webpack manualChunks 机制源码分析，以monaco-editor这样的重型库为例，实现真正使用才加载
在Vue3+Vite项目中动态引入monaco-editor时，开发环境能按需加载，但生产环境仍会在应用启动时加载。研究发现这是Webpack的manualChunks机制导致：当manualChunks返回特定字符串时会创建命名chunk，而返回null则遵循动态导入的默认分割策略实现真正按需加载。通过分析Webpack源码中的SplitChunksPlugin、Compilation等核心模块，揭示了manualChunks函数处理和动态导入的底层机制，得出让Webpack自动处理动态导入可获得更优按需
2025-08-29 10:34:58
430
原创 【按需引入脚本工具】一键检测按需引入的Element Plus组件和图标Node工具脚本
本文介绍了一个自动化检测脚本，用于定位项目中未按需引入的Element Plus组件和图标。该脚本能扫描指定目录下的Vue/JS/TS文件，检测未被声明的组件和图标，并生成详细使用报告。通过将"el-"前缀的组件和"ep-"前缀的图标转换为驼峰命名格式，帮助开发者快速优化打包配置，实际应用中可减少40%+的Element Plus相关体积。运行方式简单，只需修改扫描路径后执行node命令即可生成报告文件。
2025-08-26 10:07:19
447
原创 【关于Vue2/Vue3局部指令实现方式 + 使用局部指令形式实现element UI 2x版本Dialog拖拽】
关于Vue2/Vue3局部指令实现方式 + 使用局部指令形式实现element UI 2x版本Dialog拖拽
2024-11-19 17:24:20
1054
2
原创 【利用printJS + html2canvas解决前端多页打印并自动分页需求】
利用printJS和html2canvas解决前端多页打印并自动分页需求
2024-10-25 10:54:14
1463
2
原创 【利用printJS + html2canvas实现页面打印的解决方案（解决第一页空白问题）】
利用printJS + html2canvas来实现页面打印的解决方案 (解决第一页空白问题)
2024-10-25 10:39:41
980
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人