【Rollup学习】验证Rollup的Tree Shaking特性

Rollup的官方文档中提到了Rollup具有TreeShaking能力。

TreeShaking
它是目前前端中很多构建工具都有的一个特性,主要是对我们一些并未使用到的代码进行剔除,让我们打包后的代码体积更小,包含最少的内容。

RollupTree Shaking原理:
利用显式的 importexport 语句静态分析你导入的代码,并将排除任何实际上没有使用的内容。主要的一个方式还是通过AST抽象语法分析树去提取和剔除。

代码实际验证

// logger.js
export const log = msg => {
    console.log('--------INFO--------')
    console.log(msg)
    console.log('--------INFO--------')
}
export const error = msg => {
    console.log('--------error--------')
    console.log(msg)
    console.log('--------error--------')
}
// message.js
export default {
    hi: 'Hello world'
}
// index.js
// 导入模块成员
import { log } from "./logger";
import message from "./message";

// 使用模块成员
const msg = message.hi
log((msg))

实际打包效果:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Triumph-light

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值