下一代前端打包工具与tree-shaking
一、js模块化打包概述 随着js模块化规范AMD、CMD、commonJs的出现，模块打包工具也在不断的出现和演变，依次出现了r.js、browserify和webpack，过去的2015年就是webpack大行其道的一年，又随着reactjs、es6的出现，webpack更是深入人心，因为其人性化的特点和友好性，确实给前端模块打包带来了极大的方便。 不过今天并不是重点讲webpack，而是rollup，要了解webpack，可以看我的另一篇文章： http://ouvens.github.io/frontend-build/2015/04/01/webpack-tool.html ，在讲rollup之前先来看看几种之前的前端打包方案。 二、js模块化打包方案 先区分下几个不同概念：包管理工具（package manager）、模块加载器（module loader），打包工具（bundler），包管理器指管理安装js模块的这类，例如npm、bower、jspm这些，模块加载器指向requirejs、modjs、seajs这些，模块加载器又主要遵循AMD、CMD、Commonjs三种规范，打包工具则指r.js、browserify、webpack这类。 1、r.js 在grunt结合requirejs的年代，r.js作为通用标配的打包工具普世存在