深入浅出 Webpack

 主页   资讯   文章   代码   电子书 

优化

经过前面的学习你已经能用 Webpack 解决常见的问题,但还有很多可以优化的点你可能还不知道。 优化可以分为优化开发体验和优化输出质量两部分, 本章进一步深入,教你如何优化 Webpack 构建。

优化开发体验

优化开发体验的目的是为了提升开发时的效率,其中又可以分为以下几点:

  1. 优化构建速度。在项目庞大时构建耗时可能会变的很长,每次等待构建的耗时加起来也会是个大数目。
  1. 优化使用体验。通过自动化手段完成一些重复的工作,让我们专注于解决问题本身。

优化输出质量

优化输出质量的目的是为了给用户呈现体验更好的网页,例如减少首屏加载时间、提升性能流畅度等。 这至关重要,因为在互联网行业竞争日益激烈的今天,这可能关系到你的产品的生死。

优化输出质量本质是优化构建输出的要发布到线上的代码,分为以下几点:

  1. 减少用户能感知到的加载时间,也就是首屏加载时间。
  1. 提升流畅度,也就是提升代码性能。

优化的关键是找出问题所在,这样才能一针见血,4-15 输出分析 教你如何利用工具快速找出问题所在。

4-16 优化总结 对以上的优化方法做一个总结。