tree-shaking

Tree-Shaking性能优化实践 - 原理篇

一.什么是Tree-shaking[图片上传中...(image-1e0c64-1566907465560-23)]先来看一下Tree-shaking原始的本意[图片上传中...
优秀的javaScript·2022-02-17 12:28

Rollup源码：模块打包与Tree-Shaking

重点分析rollup源码中模块打包与Tree-Shaking的实现细节，推荐了解打包器基本功能后再阅读。不会介绍rollup的特性以及Tree-Shaking、ast的概念，版本为2.52.0。
·2022-02-12 19:32

Tree-Shaking性能优化实践 - 实践2篇

三.tree-shaking实践[图片上传中...
优秀的javaScript·2022-02-11 08:29

vue3(1)

Vue3支持vue2的大多数特性更好的支持TS性能提升打包大小减少41%初次渲染快55%，重新渲染快133%内存减少54%使用proxy代替defineProperty实现数据响应式重写虚拟DOM的实现和Tree-Shaking
Sarah-ha·2022-02-09 09:40

Tree-shaking到底有啥用？简简单单地说一下！

前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心背景大家平时在查webpack构建体积优化，可能都会查到tree-shaking这个东西，很多人看到这个东西
·2022-02-08 12:22

加载速度优化专项 > 体积优化分享

Tree-shaking？这些内容对吗？不全对！接下来我们针对性的分析一下。网络、加载速度优化为什么我说CDN可以提速不全对？
·2022-02-08 10:14

Webpack 原理系列九：Tree-Shaking 实现原理

一、什么是TreeShakingTree-Shaking是一种基于ESModule规范的DeadCodeElimination技术，它会在运行过程中静态分析模块之间的导入导出，确定ESM模块中哪些导出值未曾其它模块使用，并将其删除，以此实现打包产物的优化。TreeShaking较早前由RichHarris在Rollup中率先实现，Webpack自2.0版本开始接入，至今已经成为一种应用广泛的性能优
·2021-10-18 13:29

Webpack 原理系列九：Tree-Shaking 实现原理

一、什么是TreeShakingTree-Shaking是一种基于ESModule规范的DeadCodeElimination技术，它会在运行过程中静态分析模块之间的导入导出，确定ESM模块中哪些导出值未曾其它模块使用，并将其删除，以此实现打包产物的优化。TreeShaking较早前由RichHarris在Rollup中率先实现，Webpack自2.0版本开始接入，至今已经成为一种应用广泛的性能优
·2021-10-15 10:04

js工具库级j4tools（三）

j4tools一款支持tree-shaking，轻量级的工具库文档地址github地址欢迎star和pr功能介绍blob下载import{blobDown}from"j4tools";blobDown(
·2021-10-03 21:54

js工具库j4tools（二）

j4tools一款支持tree-shaking，轻量级的工具库文档地址github地址欢迎star和pr功能介绍判断浏览器import{isBrowser}from"j4tools";isBrowser
·2021-10-03 21:17

把moment.js换成了date-fns ， 打包输出减少了50％+

date-fns官方网站：https://date-fns.org/date-fns的优势：相比于moment.js（329KB），date-fns（78.4KB）更加轻量支持Tree-shaking每个方法都是一个单独的文件
·2021-08-22 14:01

webpack中tree-shaking原理

我在使用webpack过程中，很多次用到一个功能就是tree-shaking(树摇)，这是一个十分形象的名字，这个功能实现webpack在打包过程中将没有使用的模块或者没有运行的代码干掉。
·2021-08-18 14:50

从过去到现在，聊聊 Tree-shaking

前言Tree-shaking这一术语在前端社区内，起初是RichHarris在Rollup中提出。
·2021-08-09 10:38

从过去到现在，聊聊 Tree-shaking

前言Tree-shaking这一术语在前端社区内，起初是RichHarris在Rollup中提出。
·2021-08-09 09:29

Vue3.x相对于Vue2.x的变化

Vue3.x相对于Vue2.x的优势1.Tree-shakingVue3最重要的变化之一就是引入了Tree-Shaking，Tree-Shaking带来的bundle体积更小是显而易见的。
东方三篇·2021-08-05 17:22

tree-shaking

tree-shaking是webpack2新增的一种功能什么是tree-shaking从文件入口作为起点，分析模块的依赖关系，把没有用掉的模块删掉tree-shaking原理tree-shaking是DCE
bestCindy·2021-06-25 05:19

webpack4 进阶篇3 ——JS tree-shaking 使用指南 & 原理介绍

本文长期更新，如有错误或者补充，欢迎留言~关注一下不迷路~tree-shaking摇树，通过摇晃树把枯叶摇下来，代码中指去除无用的代码。
前往悬崖下寻宝的神三算·2021-06-19 00:59

Vue3.0 性能优化及新特性

Vue3.0的六大亮点：性能Tree-shaking支持CompositionAPIFragment、Teleport、Suspense更好的TS支持自定义渲染API编译时对VDom的性能优化PatchFlag
裘马轻狂大帅·2021-06-15 16:47

一文吃透 Webpack 核心原理（万字总结，建议收藏 ）

时至5.0版本之后，Webpack功能集变得非常庞大，包括：模块打包、代码分割、按需加载、HMR、Tree-shaking、文件监听、sourcemap、ModuleFederation、devS
前端瓶子君·2021-04-30 08:00

web性能优化

一减小资源（静态资源，后端加载的数据）大小压缩代码HTML/CSS/JSwebpack4现在已经默认使用uglifyjs-webpack-plugin对代码做压缩Tree-Sharking删除冗余代码Tree-Shaking
rongmingye·2021-04-18 23:41

Vue3全局Api支持tree-shaking后的一些变更

tree-shaking2.x不支持tree-shakingtree-shaking，即死代码消除，但是由于2.x的一些api，如Vue.nextTick()方法，即使不被使用，也会被最终打包3.x中支持了tree-shaking
·2021-03-12 01:19

Vue3全局Api支持tree-shaking后的一些变更

tree-shaking2.x不支持tree-shakingtree-shaking，即死代码消除，但是由于2.x的一些api，如Vue.nextTick()方法，即使不被使用，也会被最终打包3.x中支持了tree-shaking
·2021-03-12 01:19

函数式编程理解入门

函数式编程随着react的流行收到越来越多的关注VUE3也开始拥抱函数式编程函数式编程可以抛弃this打包过程可以利用tree-shaking过滤无用的代码方便测试方便并行处理有很多库使用函数式编程：loadshunderscoreramda
池鱼_故渊·2021-01-05 22:14

一文学会Webpack实用功能|核心实用配置

那我们这里要说的Tree-shaking也是相同的道理，不过我们这里摇掉的使我们代码当中那些没有用到的部分，那这部分代码更专业的说叫未引用代码（dead-code）。
隐冬·2021-01-05 15:25

gulp不生成打包文件_Vue3同款打包工具Rollup常用配置

相比于webpack，rollup要轻量许多，用于弥补gulp的无tree-shaking是很好的选择，最大的用途是打包生产一个库文件，比如sdk.js之类。
许清尘·2021-01-03 00:25

从 rollup 初版源码学习打包原理

我的目的是学习rollup怎么打包的，怎么做tree-shaking
谭光志·2020-12-16 12:48

前端 api 请求缓存方案汇总

对于webpack打包的单页面应用程序而言，我们可以采用很多方式来对性能进行优化，比方说tree-shaking、模块懒加载、利用extrens网络cdn加速这些常规的优化。
宁_Yi·2020-12-02 11:11

webpack中的tree-shaking

1.什么是tree-shaking?
jm365·2020-12-02 00:00

vue3 初体验

1vue2直接升级到vue3,（线上不建议这么做，3.0版本路由和vuex还是beta版本，还不是特别稳定）vueaddvue-next2新特性更好的ts支持tree-shaking按需加载fragments
下下下个路口左转·2020-11-30 15:03

webpack从入门到精通（四）优化打包配置总结②

Tree-shaking是DCE的一种新的实现，Javascript同传统的编程语言不同的是，javascript绝大多数情况需要通过网络进行加载，然后执行，
空城1995·2020-11-27 10:59

Flutter中的Tree Shaking机制初探（科普文）

为了实现这一目标我们对两部分代码通过RPC调用的方式实现了代码解耦，而工程解耦依赖于Flutter/Dart在编译过程中的Tree-Shaking机制。为了避免踩坑，我们需要了解，整个T
闲鱼技术·2020-11-03 12:00

Tree Shaking概念详解

官方有标准的说法：Tree-shaking的本质是消除无用的js代码。
我不是费圆·2020-09-28 11:57

前端 api 请求缓存方案

对于webpack打包的单页面应用程序而言，我们可以采用很多方式来对性能进行优化，比方说tree-shaking、模块懒加载、利用extrens网络cdn加速这些常规的优化。
weixin_34067102·2020-09-12 07:46

webpack模块化实现探究

当然babel也具有将es6模块转化的能力(parcel我不想提你)，但是由于webpack具有tree-shaking的功
weixin_34124939·2020-09-10 19:52

tree-shaking还得是rollup，webpack不行？

本文作者“相学长”原文地址：http://suo.im/6nDqfr本文将探讨tree-shaking在当下的现状，以及研究为什么tree-shaking依旧举步维艰的原因，最终总结当下能提高tree-shaking
zz_jesse·2020-08-28 11:00

使用uni-app快速将Vue项目输出到小程序、H5

跨端彻底，直接发行，无需二次开发；通过Tree-Shaking摇出最小化内置组件等优化策略，提升性能这应该是uni-app在H5平台的相对其他小程序框架更友好的地方背景随着微信小程序的火爆及百度、头条小程序的持续推进
weixin_33749242·2020-08-24 23:29

webpack-js tree shaking

所谓Tree-shaking就是‘摇’的意思，作用是把项目中没必要的模块全部抖掉，用于在不同的模块之间消除无用的代码，可列为性能优化的范畴。
ToSmile·2020-08-24 15:25

你的Tree-Shaking并没什么卵用

本文将探讨tree-shaking在当下(webpack@3,babel@6以下)的现状，以及研究为什么tree-shaking依旧举步维艰的原因，最终总结当下能提高tree-shaking效果的一些手段
相学长·2020-08-24 13:47

Rollup基础篇

Tree-shaking的作用会抽取引用到的模块内容，将它们置于同一个作用域下，进而直接用变量名就可以访问各个模块的接口；而不像webp
玉米_欣·2020-08-23 14:28

rollup又一打包利器，不需要的代码统统走开

webpack，rollup又一利器，不需要的代码统统走开rollup.js是一个模块打包工具，可以帮助你从一个入口文件开始，将所有使用到的模块文件都打包到一个最终的发布文件中（极其适合构建一个工具库）tree-shaking
相互伤害吧·2020-08-23 14:56

使用 Rollup 开发 React 组件库

使用Rollup开发React组件库说明Rollup是一个JavaScript模块打包器，他可以静态分析代码中的import并排除任何未实际使用的代码，可以极大的缩小项目（Tree-shaking）,与
mjzhang1993·2020-08-23 14:00

你可能不需要Moment.js

Moment存在的一些问题它高度基于OOPAPI，这使得它无法使用Webpack2新引入的Tree-shaking代码优化技术由于OOPAPI还有非纯函数，这会导致一些buggithub
风神修罗使·2020-08-23 01:51

Proguard使用说明

它有一个专门用来减少apk文件大小的功能叫做tree-shaking。Proguard会遍历你的所有代码然后找出
北极adison·2020-08-22 18:15

【译】Tree-shaking - webpack 2 和 Babel 6

RichHarris’modulebundlerRolluppopularizedanimportantfeatureintheJavaScriptworld:tree-shaking,excludingunusedexportsfrombundles.Rollupdependsonthestaticstructu
驽马·2020-08-22 10:03

wepack工程化09（webpack搭建开发环境和生产环境）

开发环境：devServer,模块热更新，sourceMap,接口代理等；生产环境：提取公共代码，代码压缩，tree-shaking等，那有哪些是公用的呢？比如入口，loader处理，解析配置等。
Mr绍君·2020-08-22 01:56

webpack构建之tree-shaking的原理是什么

我们在开发一个项目的时候，总会遇到这样的问题，就是比如我们写了一个utils工具类，我们在某一个组件内要用到utils这个类里的其中一个或者某几个方法，但是当我们引入utils的时候，实际是将utils里的方法全都引入了，这样就会导致将没有必要的东西也引入，包提就会越来越大。那么我们如何解决这个问题呢？是的，tree-shaking.看名字就知道是将哪些没有用的东西都shaking掉。Tree-s
leelxp·2020-08-20 17:03

vue3带来的新特性/亮点

重写了虚拟DOM的实现运行时编译update性能提高SSR速度提高2.Tree-shakingsupportvue3中的核心api都支持了tree-shaking，这些api都是通过包引入的方式而不是直接在实例化时就注入
WillemWei·2020-08-18 09:17

释放webpack tree-shaking潜力之webpack-deep-scope-analysis-plugin

在上周末广州举办的feday中,webpack的核心开发者Sean在介绍webpack插件系统原理时,隆重介绍了一个中国学生于Google夏令营,在导师Tobias带领下写的一个webpack插件,https://github.com/vincentdchan/webpack-deep-scope-analysis-plugin,这个插件能够大大提高webpacktree-shaking的效率.t
adobe1992·2020-08-16 06:12

webpack入门、常用配置以及打包优化

快速上手4.Webpack-dev-server5.打包html插件6.清空打包结果二、Webpack中必须要掌握的配置三、Webpack打包优化（打包大小、打包速度、模块拆分）1、压缩+删除无用代码；2、Tree-shaking
^-^insect·2020-08-11 20:20

webpack源码之输出文件分析

webpack完整的一次初始化、编译、输出的逻辑前几篇文章有了介绍，作为目前最受欢迎的打包工具其内部的实例逻辑必然是复杂，一些细节点我觉得暂不必深究，而且webpack还有一些其他的点值得去探究，例如：Tree-shaking
玉案轩窗·2020-08-11 13:12
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他