一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确

今天由于项目中引入的 echarts 的文件太大，requirejs 经常加载超时，不得不分开来加载 echarts 的各个图表。但是使用 echarts 自带的在线构建工具生成的支持 AMD 标准的模块报错，所以不得不使用 echarts 的全局函数，使用 requirejs 的 shim 进行加载。借此机会学习一下 AMD, CMD, CommonJS 和 UMD 各自的规范，和它们之间的区别。

横空出世的Parcel近日成为了前端圈的又一大热点，在短短几周内就获得了13K的Star。 我花了6个月的时间写了一本全面介绍Webpack的图书《深入浅出 Webpack》近日刚出版，感觉被新出的Parcel给腰斩了。 但本文将本着公平公正的心态来详细对比一下他两，让你能明白…

webpack 可谓是让人欣喜又让人忧，功能强大但需要一定的学习成本。在探寻 webpack 插件机制前，首先需要了解一件有意思的事情，webpack 插件机制是整个 webpack 工具的骨架，而 webpack 本身也是利用这套插件机制构建出来的。因此在深入认识 webpa…