Skip to content

一个 vite 插件,可以帮助开发者方便的使用图片

License

Notifications You must be signed in to change notification settings

wsvaio/vite-plugin-asset

Repository files navigation

vite-plugin-asset

一个 vite 插件,可以帮助开发者方便的使用资源文件

Size Version Languages License Star Download

特性

  • ✨ 可方便快捷的寻找要使用的资源文件(尤其是图片)
  • 🚀 对资源文件改名、删除、下载、访达等操作
  • 🎉 可查看资源文件的使用情况,快速剔除未使用的资源文件
  • 🎨 对图片、视频、音频等资源文件预览
  • 🎇 快速在编辑器中打开资源文件或其使用处(需要安装code命令)

安装

npm i -D vite-plugin-asset

添加至您的 vite.config.ts:

// vite.config.ts
import VitePluginAsset from "vite-plugin-asset";

export default {
  resolve: {
    alias: {
      // 配置好src的别名
      "@/": `${resolve(__dirname, "src")}/`,
    },
  },
  plugins: [
    VitePluginAsset({
      // 配置静态资源存放的路径
      path: "@/assets",
      // 依赖扫描时忽略的文件夹或文件 支持 glob 语法
      ignores: ["public/**"]
    }),
  ],
};

之后执行vite dev您便可在localhost:5173/__asset/打开查看

源码

源码可以在 GitHub 仓库 中找到。

贡献

如果您发现vite-plugin-asset中有任何问题或缺少某些功能,请随时提交问题或请求。

我们欢迎您的贡献,包括提交错误修复、添加新功能或改进文档。

About

一个 vite 插件,可以帮助开发者方便的使用图片

Resources

License

Stars

Watchers

Forks

Packages

No packages published