1个回答

test
2024-06-28
优化的方法有很多,这边先简单说两个,不知道是不是你需要
提升开发体验
- 使用 Source Map 让开发或上线时代码报错能有更加准确的错误提示。
提升 webpack 提升打包构建速度
- 使用 HotModuleReplacement 让开发时只重新编译打包更新变化了的代码,不变的代码使用缓存,从而使更新速度更快。
- 使用 OneOf 让资源文件一旦被某个 loader 处理了,就不会继续遍历了,打包速度更快。
- 使用 Include/Exclude 排除或只检测某些文件,处理的文件更少,速度更快。
- 使用 Cache 对 eslint 和 babel 处理的结果进行缓存,让第二次打包速度更快。
- 使用 Thead 多进程处理 eslint 和 babel 任务,速度更快。(需要注意的是,进程启动通信都有开销的,要在比较多代码处理时使用才有效果)
回复

适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容