巧用 webpack 做页面静态资源依赖分析

前言: 所谓【静态资源依赖分析】,指的是可以通过分析页面资源后,可以以 json 数据或者图表的方式拿到页面资源间的依赖关系。 比如 college-index(酷家乐大学首页)的入口文件 entry.js 引用了 banner.js、 同时 banner.js 又引用了 utils.js, 那么我们希望经过分析后能拿到一份这样的数据: [ { "type" »

关于 Tree Shaking

早上起来看到有人在 segmentfault 上提问关于 Tree-shaking 的问题,因为刚好了解过一点,所以简单得回答了一下,并准备研究和实践一下。 是什么? 目前前端模块化开发,通过 entry 打 bundle 的模式是主流,Tree-shaking 作为这种模式的一种优化策略出现。试想一下,在我们使用模块的时候,通常会有没有使用到的代码,尤其是第三方的模块,这部分的代码量有时候是很大的,Tree-shaking 就为了消除这一部分无用的代码而出现的。目前两个现代化的模块打包器 rollup »