前端性能优化-静态资源优化10-构建工具

本文地址:https://www.cnblogs.com/veinyin/p/14274312.html

1 常用构建工具

  1. grunt

    最早出现,写脚本的形式处理开发过程中的代码压缩、合并

    一个项目需要定制多个小任务和引入多个插件,grunt 会执行这一个一个完成构建

    插件质量参差不齐,要注意甄别

  2. gulp

    grunt 之后出现,通过流(stream)简化多个任务间的配置和输出,配置文件相对减少,简化配置操作

  3. webpack

    采用预编译,中间文件在内存里处理,比放在缓存目录下更有优势

    支持多种模块化,常用模块化都支持

    配置相对简单,相对更加流行

2 提升 webpack 打包效率

  1. 定位体积大的模块(对大模块一一拆解甚至拆除,输出的打包文件就会减小)
  2. 删除没有使用的依赖(可能前期使用,但后续未使用,需删除)
  3. 生产模式进行公共依赖包抽离(避免多次加载公共依赖,后续只需加载业务代码)
  4. 开发模式进行 DLL & DllReference 方式优化(框架级别的抽离)

声明:该文章系转载,转载该文章的目的在于更广泛的传递信息,并不代表本网站赞同其观点,文章内容仅供参考。

本站是一个个人学习和交流平台,网站上部分文章为网站管理员和网友从相关媒体转载而来,并不用于任何商业目的,内容为作者个人观点, 并不代表本网站赞同其观点和对其真实性负责。

我们已经尽可能的对作者和来源进行了通告,但是可能由于能力有限或疏忽,导致作者和来源有误,亦可能您并不期望您的作品在我们的网站上发布。我们为这些问题向您致歉,如果您在我站上发现此类问题,请及时联系我们,我们将根据您的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。