关于 Rollup
rollup 是一款用来 es6 模块打包代码的构建工具 (支持 CSS 和 js 打包). 当我们使用 ES6 模块编写应用或者库时, 它可以打包成一个单独文件提供浏览器和 Node.js 来使用. 它的优点有如下:
能组合我们的脚本文件.
移除未使用的代码 (仅仅使用 ES6 语法中).
在浏览器中支持使用 Node modules.
压缩文件代码使文件大小尽可能最小化.
Rollup 最主要的优点是它是基于 ES2015 模块的, 相比于 webpack 或 Browserify 所使用的 CommonJS 模块更加有效率, 因为 Rollup 使用一种叫做 tree-shaking 的特性来移除模块中未使用的代码, 这也就是说当我们引用一个库的时候, 我们只用到一个库的某一段的代码的时候, 它不会把所有的代码打包进来, 而仅仅打包使用到的代码 (webpack2.0 + 貌似也引入了 tree-shaking).
注意: Rollup 只会在 ES6 模块中支持 tree-shaking 特性. 目前按照 CommonJS 模块编写的 jquery 不能被支持 tree-shaking.
https://github.com/JofunLiang/rollup-demo#rollup的应用场景 Rollup 的应用场景
现在目前流行的打包有 gulp 和 webpack, 那么与前面两个对比, 我觉得 rollup 更适合打包 js 库, 但是对于打包一个项目的整个应用的话, 我到觉得 webpack 更适合, 比如打包一些图片, 字体等资源文件的时候, webpack 很适合.
https://github.com/JofunLiang/rollup-demo#本项目的使用方法 本项目的使用方法
项目地址: GitHub https://github.com/JofunLiang/rollup-demo
通过 GitHub 下载项目文件, 在命令行工具定位到项目根目录, 然后输入 npm install 安装模块, 在输入下面其中一个命令:
1, 在命令行中输入以下命令, 即可监听文件变化并打包文件
npm run dev
2, 在命令行中输入以下命令, 即可完成打包
npm run build
来源: https://www.cnblogs.com/jofun/p/9114453.html