能用 vue 写个独立的 js 文件供第三方用么？

[snoopyhai]

今儿拿到个需求，写个 js 库，供第三方使用。

习惯 vue 了，突然就把我整不会了。。

大致是这样，写个 js 库，里面封装好一个小界面和交互。比如一个华丽的 mp3 播放器。 用户直接引入 js ，然后实例化配置，就会在指定的 dom 中插入这个播放器，并使用。

但是已经习惯了 vue 了，是否能用 vue 写这么个东西。最后脱离 vue 成为一个单文件库。

脑子空白一片，没思路。

[narmgalaxy]

@snoopyhai
这个是可以的。
svelte 是可以方便的做出 web Components

[MrTLJH]

纯 js 呗，不会原生 js 了么，何必用 vue

[Envov]

vuecli 支持发布指定入口文件，还支持命名空间，你只要在入口文件导出一个函数，函数接受 dom 对象，new vue 的 el 接受该 dom 或者直接 mount()后得到$el 就是响应式的视图，将$el 挂在 dom 的子里面

这个过程中 vue 也参与了构建，那边可以直接 script 引入

[Buges]

换 svelt 最合适。vue/react 都得内嵌一个完整的运行时。

[ccyu220]

参考那些嵌入的天气插件。如果是 PC 网页，其实一个 Vue 的运行时并没有多大。

[chnwillliu]

运行时让使用者引入，那你的库就是个 Vue 组件库，参考其他 Vue 组件库写法就行。

运行时包括在库里，那就把你写的组件库套一层 Vue App 初始化的代码，向外暴露一个普通函数就行。

[lin07hui]

npm create vite@latest my-vue-app -- --template vanilla

[lin07hui]

npm create vite@latest my-vanilla-ts-app -- --template vanilla-ts

[lblblong]

试试 svelte ，看看我这个： https://github.com/lbl-tools/lbl-toast

[AlphaTr]

vue-cli 也有库模式，支持 vue 的 inline 打包，应该可以的

vue-cli-service build --target lib --inline-vue