又一个 Vue 单文件组件加载器，可以甩开 node.js 和 npm 直接干

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Vue.js

这是一个创建于 650 天前的主题，其中的信息可能已经有所发展或是发生改变。

项目地址：

这个加载器的作用是方便开发者“甩开”node.js 和 npm 开发 Vue 项目。

不用 npm install 、npm build……

打开编辑器和浏览器，就可以撸起袖子直接干！

版本 1 已经在近百个小项目中使用，版本 2 是最近重构的版本（性能+，代码-）。

10 条回复 • 2023-02-10 18:28:15 +08:00

GoCoV2

2023-02-10 09:22:26 +08:00

star 了，兼容性怎么样

linxl

2023-02-10 09:22:48 +08:00

点赞，我就是直接 cdn 引入的形式在 jq 老项目，写表单列表真的爽.
唯一的问题就是右击 vue 代码会被看见，试试你这个。

ccyu220

2023-02-10 09:58:38 +08:00

可是 vue 本来就支持引入和开发单页面应用啊，在老的 layui 项目增加新功能都是这么用的。

HiCode

2023-02-10 10:45:53 +08:00

@GoCoV2 浏览器兼容性跟 Vue 一致，我代码用 es5 写的，没用到新特性。

HiCode

2023-02-10 10:47:39 +08:00

@linxl 代码安全这一块，用我的库还是无解，缺少“编译”这一个步骤代码就是那么“公开”。

HiCode

2023-02-10 10:48:28 +08:00

@ccyu220 主要是支持“Vue 单文件组件”，也就是可以把代码放到各个.vue 文件中。

elboble

2023-02-10 14:29:30 +08:00 via Android

是不是不用打包混淆，直接解释 vue 代码

zidon

2023-02-10 16:56:37 +08:00 via Android

想问一下，跟 http-vue-loader ，vue3-sfc-loader 这俩兄弟有什么不同？

HiCode

2023-02-10 18:12:20 +08:00

@elboble 是的，通过浏览器直接加载解析.vue 组件，没有打包的过程。

每次修改.vue 文件后，浏览器刷新就可以看到最新内容。

HiCode

2023-02-10 18:28:15 +08:00

@zidon 我这个可以看成是“精简版本”。

可以看成是兼容 vue3 的 http-vue-loader ，但不支持 css 变量等功能。

一些功能是否要加上，要看有没有实际诉求，有反馈我再找时间逐个补上去。