npm

@macrulez/vue-image-kit

Vue 3 image optimization: lazy loading, blurhash, LQIP, srcset, WebP/AVIF, CDN adapters, CLI

版本 2已同步 2文件 30 SRI 已生成

npm / 官网接入文档申请补充版本

接入决策台 · 安全可信状态

先确认可用入口，再复制固定版本地址

入口文件、安全评分、扫描覆盖和风险项已合并到首屏，适合上线前快速判断能不能直接接入。

推荐接入

安全分

最近扫描 2026-06-21

扫描覆盖

50%

15 / 30 文件

高危文件

0 条 critical

待复核

外联、混淆、敏感行为

推荐入口

Script

SRI 已就绪

SRI 缺失 0

当前版本 1.0.6

15 文件

14 JS / 1 CSS / 0 WASM

未发现阻断级风险

@macrulez/vue-image-kit/1.0.6/dist/cdn/index.js

https://cdn.ptab.cn/cdn/macrulez__vue-image-kit/1.0.6/dist/cdn/index.js

当前版本 15 个文件，2 个入口候选。未发现可疑外联域名。

生成接入代码

使用路径

01确认版本

固定到 1.0.6，避免线上被隐式升级。

02复制地址

优先使用推荐入口，特殊场景再切换文件。

03检测可用

发布前检测 HTTP、CORS、SRI 和响应速度。

查看全部文件

快速接入

已按当前文件列表自动选择一个更适合浏览器接入的入口文件。完整用法可在下方生成器中切换文件。

<link rel="stylesheet" href="https://cdn.ptab.cn/cdn/macrulez__vue-image-kit/1.0.6/dist/style.css" integrity="sha256-v/pIFNW707Tp7dj813zYP/Bs2cNIgPnolAQ0f+tuLA8=" crossorigin="anonymous" />

2版本

30文件

1.0.6最新

CDN 地址生成器

选择文件后直接复制 URL、Script、Module、CSS 或 WASM 示例。建议复制前先检测一次文件可用性。

文件类型

文件大小

6.8 KB

SRI

已生成

CDN URL

适合放到构建配置、动态加载或手动拼接标签。

https://cdn.ptab.cn/cdn/macrulez__vue-image-kit/1.0.6/dist/cdn/index.cjs

普通 Script

适合传统 HTML 页面和 UMD/global 构建。

<script src="https://cdn.ptab.cn/cdn/macrulez__vue-image-kit/1.0.6/dist/cdn/index.cjs" integrity="sha256-rshQ+DxXUSffgC9fD0LJ3+faSclBP0GxggnPLwRnBco=" crossorigin="anonymous"></script>

ES Module

适合浏览器原生 module 文件，使用前建议确认该文件支持 ESM。

<script type="module">
  import * as lib from "https://cdn.ptab.cn/cdn/macrulez__vue-image-kit/1.0.6/dist/cdn/index.cjs";
  console.log("module loaded", lib);
</script>

版本与文件

当前版本 1.0.6，展示 15 / 15 个文件。

@macrulez/vue-image-kit/1.0.6/dist/cdn/index.cjs

6.8 KB

SRI ready

未分级

0 请求

@macrulez/vue-image-kit/1.0.6/dist/cdn/index.js

8.8 KB

SRI ready

未分级

0 请求

@macrulez/vue-image-kit/1.0.6/dist/cli/bin.js

5.9 KB

SRI ready

未分级

0 请求

@macrulez/vue-image-kit/1.0.6/dist/cli/blurhash-encode.js

2.9 KB

SRI ready

未分级

0 请求

@macrulez/vue-image-kit/1.0.6/dist/cli/config.js

1.8 KB

SRI ready

未分级

0 请求

@macrulez/vue-image-kit/1.0.6/dist/cli/manifest.js

2.3 KB

SRI ready

未分级

0 请求

@macrulez/vue-image-kit/1.0.6/dist/cli/processor.js

9.6 KB

SRI ready

未分级

0 请求

@macrulez/vue-image-kit/1.0.6/dist/cli/types.js

11 B

SRI ready

未分级

0 请求

@macrulez/vue-image-kit/1.0.6/dist/nuxt/module.js

1.1 KB

SRI ready

未分级

0 请求

@macrulez/vue-image-kit/1.0.6/dist/nuxt/runtime/plugin.js

352 B

SRI ready

未分级

0 请求

@macrulez/vue-image-kit/1.0.6/dist/style.css

CSS

393 B

SRI ready

未分级

0 请求

@macrulez/vue-image-kit/1.0.6/dist/vite/plugin.cjs

16.0 KB

SRI ready

未分级

0 请求

@macrulez/vue-image-kit/1.0.6/dist/vite/plugin.js

14.6 KB

SRI ready

未分级

0 请求

@macrulez/vue-image-kit/1.0.6/dist/vue-image-kit.cjs

22.4 KB

SRI ready

未分级

0 请求

@macrulez/vue-image-kit/1.0.6/dist/vue-image-kit.js

30.1 KB

SRI ready

未分级

0 请求

文件	大小	类型	SRI
@macrulez/vue-image-kit/1.0.6/dist/cdn/index.cjs	6.8 KB	JS	ready 未分级
@macrulez/vue-image-kit/1.0.6/dist/cdn/index.js	8.8 KB	JS	ready 未分级
@macrulez/vue-image-kit/1.0.6/dist/cli/bin.js	5.9 KB	JS	ready 未分级
@macrulez/vue-image-kit/1.0.6/dist/cli/blurhash-encode.js	2.9 KB	JS	ready 未分级
@macrulez/vue-image-kit/1.0.6/dist/cli/config.js	1.8 KB	JS	ready 未分级
@macrulez/vue-image-kit/1.0.6/dist/cli/manifest.js	2.3 KB	JS	ready 未分级
@macrulez/vue-image-kit/1.0.6/dist/cli/processor.js	9.6 KB	JS	ready 未分级
@macrulez/vue-image-kit/1.0.6/dist/cli/types.js	11 B	JS	ready 未分级
@macrulez/vue-image-kit/1.0.6/dist/nuxt/module.js	1.1 KB	JS	ready 未分级
@macrulez/vue-image-kit/1.0.6/dist/nuxt/runtime/plugin.js	352 B	JS	ready 未分级
@macrulez/vue-image-kit/1.0.6/dist/style.css	393 B	CSS	ready 未分级
@macrulez/vue-image-kit/1.0.6/dist/vite/plugin.cjs	16.0 KB	JS	ready 未分级
@macrulez/vue-image-kit/1.0.6/dist/vite/plugin.js	14.6 KB	JS	ready 未分级
@macrulez/vue-image-kit/1.0.6/dist/vue-image-kit.cjs	22.4 KB	JS	ready 未分级
@macrulez/vue-image-kit/1.0.6/dist/vue-image-kit.js	30.1 KB	JS	ready 未分级

库评论

还没有评论。可以反馈这个库的接入体验、版本建议或兼容性问题。