精华 【多图】如果你来设计一个基于Webpack的前端开发工具
发布于 7 年前 作者 i5ting 9106 次浏览 来自 分享

没错,是真的很复杂了。。。

以前,每次升级版本都想哭

感谢npm和bower对模块管理的支持

npm基本用法,没有说它上面的45万+的模块呢,怕被黑,哈哈

那些年脚本加载,我们干过的龌龊事儿

模块规范和模块实现,你猜先有哪个?

所谓的模块化,就是利用缓存,按需加载。

最早是Node里落地的,后来用它写前端,你们是想闹哪样?最后还要搞出browserify来编译打包

虽然还很远,但起码是有ast的,是大家的未来

加载顺序这种事儿就不该程序员来干!!!

区分模块加载器和模块打包器,这是演进的必经之路,大智慧啊

再来看webpack,是不是不一样的赶脚?

webpack的打包机制

浏览器如何解析webpack打好的包

知道演进的过程,才能更好的把握现在

前端缺人啊,真的缺人,欢迎简历砸过来i5ting@126.com,大厂推荐

程序员就该这样,只负责写模块,其他的交给webpack去做

现在的html都要说模板,现在的css都要说预处理器,蛋疼么?

打包器的演进过程

es6模块才有tree-shaking和DCE,其他写法都不好做优化的

具体的做法,大家还想听么?还没准备呢,哈哈,先看看ykit代码吧https://github.com/YMFE/ykit

来个小广告吧,

屏幕快照 2017-05-15 12.03.00.png

通过node来理解《深入浅出浏览器渲染原理》,现在已经很多人了,一起来玩吧,具体地址 http://t.cn/RaOcPqF

7 回复

哇,去哪儿的最新力作吗

来自酷炫的 CNodeMD

慢慢看。

image.png 地址打不开

@zhilidali 扫二维码也行的

Webpack确实好用

回到顶部