vue3 Vite进阶rollup命令行怎么使用(rollup,vite,vue3,开发技术)

时间:2024-04-29 14:09:08 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    vue3%C2%A0Vite%E8%BF%9B%E9%98%B6rollup%E5%91%BD%E4%BB%A4%E8%A1%8C%E6%80%8E%E4%B9%88%E4%BD%BF%E7%94%A8

希望大家仔细阅读,能够学有所成!

开源类库优先选择

以 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命令行怎么使用的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:Go项目如何使用枚举下一篇:

6 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18