使用vite打包libary模式打包sdk

简介: 使用vite打包libary模式打包sdk

1.在想要创建sdk的地方:

yarn create vite yourlibName


2.Select a framework: Other

bce1227824533cf6e20b5caf5791e3c0_ed95e70c34f241aa87671c38209ce9ef.png

3.选择完other后 Select a variant:有两个选项: create-vite-exxtra和create-electron-vite


aa5c2efdd97a22d553fdbb4eceecac11_a0c17d9f696d47d7adeee693bc65c0d2.png


对于打包 Library 的情况,你应该选择 create-vite-extra 选项。这个选项是一个用于打包 Library 的 Vite 插件,可以帮助你更方便地打包和发布你的库。


create-vite-extra 是一个 Vite 插件,它提供了一些额外的功能和配置,特别适用于构建 Library。它可以帮助你生成不同格式的库文件,如 ES Module (ESM)、CommonJS (CJS) 和 UMD,以便在不同的环境中使用。此外,它还支持 Tree Shaking,使得最终构建的库文件只包含实际使用到的代码,减小了文件体积。


create-electron-vite 是用于构建 Electron 应用程序的 Vite 插件。如果你打算构建一个 Electron 应用程序而不是一个 Library,那么你可以选择这个选项。它提供了 Electron 相关的功能和配置,方便你开发和构建 Electron 应用。


所以,如果你的目标是打包 Library,那么请选择 create-vite-extra 选项。然后根据之前提到的,在 vite.config.js 中配置 build.lib 选项,以及其他你需要的库的配置。


4.选择创建新项目的模板

02caecc9ba3bf275dc3781faeed73a4a_aa45d81b38d44c989493a75ce717b54d.png

5.最后选择js或者ts

a0683c9d2924a59a7b490098e1732a7c_ea803c8515794e82a7735b07c1f0ae73.png


就生成了一个简单的libary包.可做sdk

b1fa692ec33042af75283cff0fac632c_503ca11eea924bc49c53aa06c09c3cef.png


目录
打赏
0
0
0
0
1
分享
相关文章
Baumer工业相机堡盟工业相机如何通过NEOAPI SDK设置软件触发模式(C++)
Baumer工业相机堡盟工业相机如何通过NEOAPI SDK设置软件触发模式(C++)
141 0
如何使用webpack打包一个库library,使用webpack打包sdk.
如何使用webpack打包一个库library,使用webpack打包sdk.
338 0
从0到1实现打包项目资源及SDK接入全过程
从0到1实现打包项目资源及SDK接入全过程
273 0
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
303 20
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
8月前
|
Android SDK
【10月更文挑战第21天】
211 1
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问