概述
什么是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便是以这种方式将小块代码编译成大块代码的。推荐阅读
- web网页模板|如此优秀的JS轮播图，写完老师都沉默了
- 接口|axios接口报错-参数类型错误解决
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- vue|Vue面试常用详细总结
- javascript|vue使用js-xlsx导出excel，可修改格子样式，例如背景颜色、字体大小、列宽等
- css|我用css精灵图拼接了自己的英文名字，不会还有人不知道精灵图技术吧（）
- css|css三角的做法及其案例