Rollup从入门到入坑(0)

概述

什么是Rollup

Rollup是一个JavaScript模块打包器，可以将小块代码编译成大块复杂的代码，例如library或应用程序。
Rollup对代码模块使用ESM模块格式，ESM最终会由浏览器原生实现，但当前Rollup可以让你提前体验。
关于前端模块请参照 前端模块分类

安装Rollup

全局安装

npm i -g rollup

开发安装

npm i -D rollup

查看当前安装的Rollup版本

rollup -v

编译代码

新建项目文件
src/lib.js

export function hello(name) {
    console.log(`hello ${name}`);
}

src/index.js

import { hello } from './lib';

hello('world');

执行编译命令

rollup src/index.js -f cjs

命令行将输出

'use strict';

function hello(name) {
    console.log(`hello ${name}`);
}

hello('world');

ok, 安装完成！
可以看到，输出的结果当中将两个文件编译到了一段字符串中，并以cjs的格式输出Rollup便是以这种方式将小块代码编译成大块代码的。