这篇文章主要介绍了vue3 Vite 进阶rollup命令行使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助!
rollup介绍
开源类库优先选择以 ESM 标准为目标的构建工具Tree Shaking
以命令行方式打包
安装 rollup
创建 index.js 文件
打包
--file:打包输出文件--format:打包格式(umd, cjs, es, iife)
Tree Shaking
只会打包我们用到的代码,没有用到的不会打包
新建 a.js 文件
index.js 引入 a.js
打包文件
输出代码,代码进行了合并,并且只打包了用到的代码
Rollup 的命令行使用
index.js 文件
a.js 文件
命令行
输出多个文件
format 格式
iife 输出自执行函数
cjs 输出 commonJs 格式
es 输出 esModule 格式
umd 输出兼容 iife、cjs、es 格式的文件
umd 格式要指明 全局变量名 --name
rollup.config.js
执行配置文件
设置/获取环境变量
在配置文件中获取
执行命令
插件 plugins
插件官网:github.com/rollup/plug…
修改 index.js
json 文件转为 esModule
由于 json 插件是安装在本地,所以执行本地的 rollup 来找到对应的插件
- format 格式
- 设置/获取环境变量
目录
就像那句狠话:有一天,我一定会后悔的。