提到JavaScript模块打包,大部分前端工程师都会想到webpack,gulp,grunt等,和现在的前端热门三大框架(Vue、React和Angular)相结合,应用方便。但是话说回来,今天我不想提这些内容,而是推荐一款新的JavaScript模块打包神器,那就是Rollup。
什么是Rollup?
Rollup是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或应用程序。Rollup 对代码模块使用新的标准化格式,这些标准都包含在 JavaScript 的 ES6 版本中,而不是以前的特殊解决方案,如 CommonJS 和 AMD。ES6 模块可以使你自由、无缝地使用你最喜爱的 library 中那些最有用独立函数,而你的项目不必携带其他未使用的代码。ES6 模块最终还是要由浏览器原生实现,但当前 Rollup 可以使你提前体验。
安装
安装很简单,跟其他框架一样。快速安装如下:
使用 npm install --global rollup
进行安装。Rollup 可以通过命令行接口(command line interface)配合可选配置文件(optional configuration file)来调用,或者可以通过 JavaScript API来调用。运行 rollup --help
可以查看可用的选项和参数。
...
这里我分享一些教程,可以让大家更全面的了解Rollup.js,从入门到进阶。一共分为8个模块:
总结
每天一小步,成功一大步,在别人持续关注热门三大框架的时候,您不小心又发现了"新大陆",这些都是财富。希望此次分享能拓展到大家的知识面,如有疑问都可以联系我们,或者加入前端群一起来讨论。