Vercel 上使用 Nuxt Image
为 Nuxt 应用提供即插即用的图片优化。使用内置优化器或您最喜欢的图片 CDN 调整图片大小和转换图片。
功能
<nuxt-img>原生<img>元素的即插即用替代品<nuxt-picture>原生<picture>元素的即插即用替代品。- 使用 unjs/ipx 内置的图片缩放器和转换器
- 支持 20 多个提供商
- 生成响应式尺寸
- 使用 webp 和 avif 等现代格式进行优化
- ... 以及更多
安装
将 @nuxt/image 依赖项安装到您的项目中
npx nuxt module add image
Nuxt 2
注意： 此分支适用于 Nuxt 3 兼容的模块。查看 v0 分支 以获得 Nuxt 2 支持。（公告）
贡献
- 克隆此仓库
- 使用
corepack enable启用 Corepack - 使用
pnpm install安装依赖 - 运行
pnpm dev:prepare以生成类型存根。 - 使用
pnpm dev以开发模式启动 playground。
📑 许可证
根据 MIT 许可证 发布