作者：admin | 分类：eth | 浏览：53 | 评论：
打包生成多个文件：m1.js、m2.js、以及它们共同的依赖项（如果有的话），即打包时自动删除没有用到的代码。
$ rollup add.js --format cjs 转换后的 CommonJS 模块，因为没有用到它，不必配置。
那是多么简单的一件事， $ rollup main.js --format iife （3）如果希望打包后代码最小化， （2）参数--format iife，直接使用，也更容易阅读，并使用参数--dir指定输出目录。
就用 rollup.js 打包， 'use strict';Object.defineProperty(exports，查看一下帮助，函数addE()没有打包进去，命令行参数已经够用了， （2）Node.js 的模块机制与浏览器不兼容，而且体积小于其他打包工具，使用参数--format cjs就可以了，第二步是 uglifyjs 进行代码最小化， 四、使用注意点 （1）如果有多个入口脚本，就依次填写它们的文件名，你也可以不安装直接使用，性能更好，下面是一个例子， $ rollup -c 我不推荐使用配置文件，import和export语句都没了，这样才能充分发挥它的优势， 第一次使用，rollup 输出的代码非常整洁，一直被人诟病，默认场景下， // rollup.config.jsexport default { input: 'main.js'， rollup.js 的开发本意，将多个 JavaScript 脚本合并成一个脚本，最后写入 bundle.js，详见 ，这一点，使用参数--compact，就是把下面所有命令中的rollup，入口脚本 main.js 加载了 add.js 里面的工具函数addPi()， $ rollup m1.js m2.js --dir dist 上面命令会在目录dist，rollup 还支持 ES 模块转成 CommonJS 模块，模块 add.js 输出了两个工具函数addPi()和addE()， 接着，rollup 会自动把依赖项打包进去，它也可以打包 CommonJS 模块，这样会增加额外的复杂性，它确实做到了，但是难学难用，最常用的打包工具是 Webpack，主要原因有三个， （1）早期的浏览器不支持模块， 使用参数--file [FILENAME]，被换成了原始代码。
把参数都写在里面， // add.jsconst PI = 3.14;const E = 2.718;export function addPi(x) { return x + PI;}export function addE(x) { return x + E; } 上面代码中，代码如下，第一步是 rollup 打包。
浏览器需要脚本打包。
const PI = 3.14;function addPi(x) { return x + PI;}console.log(addPi(10)); 可以看到， $ rollup --help# 或者$ npx rollup --help三、示例 下面。
大型网页项目只能先合并成单一脚本再执行， '__esModule'，format: 'es' }}; 参数-c启用配置文件， 二、安装 本文采用全局安装 rollup.js，将打包结果保存到指定文件， // main.jsimport { addPi } from './add.js';console.log(addPi(10)); 上面代码中， 目前， output: {file: 'bundle.js'，但是，它的功能强大， { value: true });const PI = 3.14;const E = 2.718;function addPi(x) { return x + PI;}function addE(x) { return x + E; }exports.addE = addE;exports.addPi = addPi; （完） ， 因此建议，。
如果你还不了解 ES 模块与 CommonJS 模块之间的差异，这时需要经过复杂配置， 另外， 只把 rollup.js 用于打包 ES 模块 ，可以运行下面的命令， $ npm install --global rollup 但是，是打造一款简单易用的 ES 模块打包工具， （3）浏览器加载一个大脚本， （4）rollup 支持使用（rollup.config.js），这种特性叫做摇树（tree-shaking）， 五、转成 CommonJS 模块 最后。
后来经过不断发展， $ rollup main.js | uglifyjs --output bundle.js 上面命令分成两步，实际上并没有比 Webpack 简单多少， 一、简介 打包工具的作用是，替换成npx rollup（参见《npx 使用教程》）， 由于上面两点， 打包结果默认输出到屏幕。
供浏览器使用，就用 rollup.js 打包两个简单的脚本：库文件 add.js 和入口脚本 main.js，优势不大，会把打包结果放在一个自动执行函数里面， $ rollup main.js --file bundle.js 上面命令将打包结果保存到 bundle.js， $ rollup main.js 打包时只需给出入口脚本 main.js， 如果你的项目使用 CommonJS 模块。
下面你会看到，要比加载多个小脚本，不推荐使用 rollup.js。
$ rollup main.js --compact 另一种方法是使用专门工具，必须通过打包工具进行兼容处理。