Rollup|Rollup从入门到入坑(0)

2021-12-11 前端 rollup

概述什么是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');

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

推荐阅读

上一篇：Java自学之路(新手一定要看）

下一篇：Tomcat配置连接回收、超时