跳到主要内容
CNode

【多图】如果你来设计一个基于Webpack的前端开发工具

精华分享
Ii5ting发布于 9 年前最后回复 9 年前
7107770

文章图片 没错,是真的很复杂了。。。

文章图片 以前,每次升级版本都想哭

文章图片 感谢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)

N
nnliang#19 年前

前排

C
cctv1005s#29 年前

哇,去哪儿的最新力作吗

来自酷炫的 CNodeMD

H
hades#39 年前

慢慢看。

Z
zhilidali#49 年前

image.png 地址打不开

I
i5ting#59 年前
引用 zhilidali地址打不开

@zhilidali 扫二维码也行的

S
stjw7098#69 年前

你好

E
E-GreeHe#79 年前

Webpack确实好用

参与回复

登录后即可参与回复。登录