快速使用:
(1)安装:npm i rollup -g
(2)使用说明:rollup -h
(3)项目开始:
我们来创建一个简单的项目:
mkdir -p my-rollup-project/src
cd my-rollup-project
首先,我们需要个 入口。将以下代码粘贴到新建的文件 src/main.js
中:
// src/main.js
import foo from './foo.js';
export default function () {
console.log(foo);
}
之后创建入口文件引用的 foo.js
模块:
// src/foo.js
export default 'hello world!';
现在可以创建 bundle 了:
rollup src/main.js -f cjs
命令行的参数:
-i, --input <filename> 要打包的文件(必须)
-o, --file <output> 输出的文件 (如果没有这个参数,则直接输出到控制台)
-f, --format <format> 输出的文件类型 (amd, cjs, esm, iife, umd)
-e, --external <ids> 将模块ID的逗号分隔列表排除
-g, --globals <pairs> 以`module ID:Global` 键值对的形式,用逗号分隔开
任何定义在这里模块ID定义添加到外部依赖
-n, --name <name> 生成UMD模块的名字
-h, --help 输出 help 信息
-m, --sourcemap 生成 sourcemap (`-m inline` for inline map)
--amd.id AMD模块的ID,默认是个匿名函数
--amd.define 使用Function来代替`define`
--no-strict 在生成的包中省略`"use strict";`
--no-conflict 对于UMD模块来说,给全局变量生成一个无冲突的方法
--intro 在打包好的文件的块的内部(wrapper内部)的最顶部插入一段内容
--outro 在打包好的文件的块的内部(wrapper内部)的最底部插入一段内容
--banner 在打包好的文件的块的外部(wrapper外部)的最顶部插入一段内容
--footer 在打包好的文件的块的外部(wrapper外部)的最底部插入一段内容
--interop 包含公共的模块(这个选项是默认添加的)
-h
/--help
打印帮助文档。
-v
/--version
打印已安装的Rollup版本号。
-w
/--watch
监听源文件是否有改动,如果有改动,重新打包
--silent
不要将警告打印到控制台。