摘要:
减少代码体积 Tree Shaking 为什么 开发时我们定义了一些工具函数库,或者引用第三方工具函数库或组件库。 如果没有特殊处理的话我们打包时会引入整个库,但是实际上可能我们可能只用上极小部分的功能。 这样将整个库都打包进来,体积就太大了。 是什么 Tree Shaking 是一个术语,通常用于描述移除 JavaScript 中的没有使用上的代码。 注意:它依赖 ES Module。 阅读全文
摘要:
webpack代码优化总结 我们从 4 个角度对 webpack 和代码进行了优化: 提升开发体验 使用 Source Map 让开发或上线时代码报错能有更加准确的错误提示。 提升 webpack 提升打包构建速度 使用 HotModuleReplacement 让开发时只重新编译打包更新变化了的代码,不变的代码使用缓存,从而使更新速度更快。 使用 OneOf 让资源文件一旦被某个 loader 处理了,就不会继续遍历了,打包速度更快。 使用 Include/Exclude 排除或只检测某些文件,处理的文件更少,速度更快。 使用 Cache 对 eslint 和 babel 处理的结果进行缓存,让第二次打包速度更快。 使用 Thead 多进程处理 eslint 和 babel 任务,速度更快。(需要注意的是,进程启动通信都有开销的,要在比较多代码处理时使用才有效果) 阅读全文
摘要:
默认内容 阅读全文
摘要:
阅读全文
摘要:
阅读全文
摘要:
阅读全文
摘要:
阅读全文
摘要:
阅读全文
摘要:
阅读全文
摘要:
阅读全文