rollup的使用


快速使用:

(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  不要将警告打印到控制台。

 




免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM