vue3 Vite进阶rollup命令行怎么使用
导读:本文共4167.5字符,通常情况下阅读需要14分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要:希望大家仔细阅读,能够学有所成!rollup介绍开源类库优先选择以 ESM 标准为目标的构建工具Tree Shaking以命令行方式打包安装 rollupnpminstall-grollup创建 index.js 文件importpathfrom"path";console.log("hellorollop",path.join("",... ...
目录
(为您整理了一些要点),点击可以直达。希望大家仔细阅读,能够学有所成!
开源类库优先选择
以 ESM 标准为目标的构建工具
Tree Shaking
安装 rollup
创建 index.js 文件
打包
--file:打包输出文件
--format:打包格式(umd, cjs, es, iife)
只会打包我们用到的代码,没有用到的不会打包
新建 a.js 文件
index.js 引入 a.js
打包文件
输出代码,代码进行了合并,并且只打包了用到的代码
index.js 文件
a.js 文件
输出多个文件
iife 输出自执行函数
cjs 输出 commonJs 格式
es 输出 esModule 格式
umd 输出兼容 iife、cjs、es 格式的文件
umd 格式要指明 全局变量名 --name
执行配置文件
在配置文件中获取
执行命令
修改 index.js
json 文件转为 esModule
由于 json 插件是安装在本地,所以执行本地的 rollup 来找到对应的插件
vue3 Vite进阶rollup命令行怎么使用的详细内容,希望对您有所帮助,信息来源于网络。