聊一聊bundle为啥会被设计成如此格式

刚开始接触bundle内容的时候一直有如下一个问题：

bundle不就是js文件的集合体么，为什么不是直接将压缩好的js内容复制过来，而是设计成如此格式呢

让我很诧异的是在网上竟然没有找到相关的资料，起初以为很多人没有意识到这个问题，搞明白以后才发现原来是这个是前端比较基础的内容，应该是很多人不屑于谈这个，泪目呀

要搞明白这个问题，首先我们要知道前端常用的export/module/require等是属于CommonJS规范，而CommonJS规范起源于Node，本身是不支持浏览器的，之所以我们用着没问题，是因为Webpack在bundle文件中帮我们实现了Commonjs规范，可能有朋友会问，我在调试中并没有加载bundle呀，那为啥调试没问题呢，这是因为调试过程中使用的是没有写入文件的bundle，其实跟在生产环境使用的内容是一致的

如上所说，bundle被设计成如此格式，主要就是为了实现CommonJS规范，建议大家在分析bundle的时候(webpack 打包后文件分析)，优先要搞明白里面是如何实现CoomonJS的如下两个功能，这两个问题搞懂了，你基本就明白bundle是个啥情况了

实现模块化开发，提高代码复用率
实现封装作用域，避免命名冲突

格式的原因分析完后，脑袋里又有如下一个问题：

bundle为啥要是自执行函数呢

这个问题就比较简单了，在webpack是支持同时打出多个bundle的，浏览器也会同时加载多个bundle，使用自执行函数就是为了区分两个bundle的作用域，避免两个bundle的变量在互相污染

聊一聊bundle为啥会被设计成如此格式相关推荐

Spring 为啥默认把 bean 设计成单例的？
点击上方好好学java ,选择星标公众号重磅资讯.干货,第一时间送达今日推荐:在滴滴和头条干了 2 年后端开发,太真实-个人原创100W+访问量博客:点击前往,查看更多熟悉Spring开发 ...
Spring为啥默认把bean设计成单例的
熟悉Spring开发的朋友都知道Spring提供了5种scope分别是singleton.prototype.request.session.global session.而且默认情况下是single ...
Spring 为啥默认把bean设计成单例的？这篇讲的明明白白的
作者:小小木 juejin.im/post/5cab7ebf518825177637b2f9 熟悉Spring开发的朋友都知道Spring提供了5种scope分别是singleton.prototyp ...
为什么现在电视机的屏幕都要设计成 16：9 的，而不是 4：3？
[范范的回答(12票)]: 16:9的流行跟高清标清完全没关系敲了半天字发现有一点儿跑题,自行补充画幅的发展历史 4:3与16:9你了解多少上面有几位回答搞错了概念,上变换是upscale,倍线而 ...
为什么RedisCluster会设计成16384个槽呢?
点击上方蓝色"方志朋",选择"设为星标" 回复"666"获取独家整理的学习资料! Redis Cluster 是Redis的集群实现,内置数 ...
String的内存模型，为什么String被设计成不可变的
String是Java中最常用的类,是不可变的(Immutable), 那么String是如何实现Immutable呢,String为什么要设计成不可变呢? 前言关于String,收集一波基础,来源 ...
这样设计是否更好些~仓储接口是否应该设计成基础操作接口和扩展操作接口
前言我们进行linq to sql和ef时代后,底层的实现基本使用的是repository模块,即仓储模式,事实上就是把ORM实体的最基本操作进行封闭,对外层不公开操作实现的细节. 面向接口的编程 ...
为什么ui框架设计成单线程_评估UI设计的备忘单
为什么ui框架设计成单线程 Whether you're evaluating your design proposals or giving feedback to a colleague duri ...
支付渠道参数如何设计成路由化配置
转载自支付渠道参数如何设计成路由化配置今天我们来探讨在搭建支付系统时一个比较关键的问题:渠道参数路由化配置如何设计? 在开发支付系统的时候,我们经常会涉及到对接多个支付渠道,除常见的支付宝.微信 ...

聊一聊bundle为啥会被设计成如此格式

聊一聊bundle为啥会被设计成如此格式相关推荐

最新文章

热门文章