×

推荐一款JavaScript模块打包神器:Rollup

作者:Terry2018.05.15来源:Web前端之家浏览:26939评论:0
关键词:Rollup框架js

ad.png

提到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个模块:

1、简介

2、常见问题

3、教程

4、命令行

5、JavaScript API

6、Rollup 与其他工具集成

7、ES模块语法

8、大选项列表

总结

每天一小步,成功一大步,在别人持续关注热门三大框架的时候,您不小心又发现了“新大陆”,这些都是财富。希望此次分享能拓展到大家的知识面,如有疑问都可以联系我们,或者加入前端群一起来讨论。

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/RollupjsInstruction.html

网友评论文明上网理性发言已有0人参与

发表评论: