当前位置: 首页 > news >正文

【Webpack--019】TreeShaking

🤓😍Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-前端领域博主
🐱‍🐉若此文你认为写的不错,不要吝啬你的赞扬,求收藏,求评论,求一个大大的赞!👍*
🐞🐞文章若有错误或某个内容有更优的解决方案,还望指正!👍*
更多webpack入门知识,详细解读webpack的基本使用、进阶优化等;请阅读专栏:sam9029–CSDN博客—Webpack入门笔记
或者访问 作者个人博客网站:sam9029.asia—Webpack入门笔记


Tree Shaking

亦称:树摇优化

tree shaking 是一个术语,通常用于描述移除 JavaScript 上下文中的死代码。
它依赖于 ES2015 模块语法的 静态结构 特性,例如 import 和 export。
这个术语和概念实际上是由 ES2015 模块捆绑器 rollup 普及起来的。

提示
译注:死代码(dead code)是指程序中一段已经不会被执行的代码,通常是因为重构、优化或者逻辑错误导致的。这些代码可能是之前版本的遗留物,或者> 某些条件下永远不会被执行的代码。

为什么

开发时我们定义了一些工具函数库,或者引用第三方工具函数库或组件库。

如果没有特殊处理的话我们打包时会引入整个库,但是实际上可能我们可能只用上极小部分的功能。

这样将整个库都打包进来,体积就太大了。

是什么

Tree Shaking 是一个术语,通常用于描述移除 JavaScript 中的没有使用上的代码。

注意:它依赖 ES Module

怎么用

Webpack 已经默认开启了这个功能,无需其他配置。

http://www.lryc.cn/news/456389.html

相关文章:

  • Docker基本操作命令
  • 开源计算器应用的全面测试计划:确保功能性和可靠性
  • uni.requestPayment 支付成功之后会走 wx.onAppRoute
  • 统⼀服务入口 - Gateway
  • QGraphicsWidget Class
  • 探讨最好用的AI工具:从日常到创新的应用
  • Python系统教程005(字符串的格式化输出)
  • 六款电脑远程控制软件分享,2024最热门软件合集,总有一款适合你!速来看!
  • 优质微信群不再难寻!掌握这些技巧就够了!
  • python - mysql操作
  • 基于Springboot+Vue的服装生产管理信息系统设计与实现(含源码数据库)
  • 75.【C语言】文件操作(2)
  • Redis 使用记录
  • IDEA实用小技巧
  • PEI转染试剂对血清的敏感性研究
  • 手机怎样改网络ip地址?内容详尽实用
  • 使用Pybind11,Python调用C++动态库
  • 提交gitlab
  • 金慧-综合管理信息系统 LoginBegin.aspx SQL注入复现
  • RHCSA的学习(4)
  • linux-二进制工具
  • 《数据结构》学习系列
  • 沂机管理系统/data/Ajax.aspx接口存在SQL注入漏洞
  • JVM 内存模型与垃圾回收过程详解
  • python:PyPDF2 将多个图片转换为pdf,再合并成一个PDF文件
  • Python精选200Tips:186-190
  • C、C++常用数据结构:链表
  • 【devops】devops-ansible之剧本变量使用
  • 《Linux从小白到高手》理论篇:一文概览常用Linux重要配置文件
  • 采购管理流程:掌握最后阶段的关键要点