vite-plugin-images-vue

English | 简体中文

📦 Install

npm i vite-plugin-images-vue -D

# yarn
yarn add vite-plugin-images-vue -D

# pnpm
pnpm i vite-plugin-images-vue -D

🦄 Usage

Add progress plugin to vite.config.js / vite.config.ts and configure it:

# vite.config.js / vite.config.ts

import viteImagesPlugin from 'vite-plugin-images-vue'

export default {
  plugins: [
    viteImagesPlugin()
  ]
}

Options

export default {
  plugins: [
    viteImagesPlugin({
      dirs: ['src/assets/images'],
      extensions: ['jpg', 'jpeg', 'png', 'svg', 'webp']
    })
  ]
}

# 文件结构
src/
└─ assets/
   └─ images/
      ├─ test/
      │  ├─ name.png
      ├─ logo.png

# 使用(命名方式：大驼峰)
<img :src="Logo" />
<img :src="TestName" />

License

MIT