vite-plugin-preload-image

一个用于项目图片预加载的vite插件

😊 安装 Installation

1$ npm i --save-dev @liuqisiwu/vite-plugin-preload-image
2# or
3$ yarn add --dev @liuqisiwu/vite-plugin-preload-image
4# or
5$ pnpm add --save-dev @liuqisiwu/vite-plugin-preload-image

😉 配置 Options

imageDirs(string[])

图片资源所在的目录。

attrs(Attrs)

1type Attrs = {
2    rel: 'prefetch' | 'preload'
3}   

link标签属性。

😏 使用 Usage

1// vite.config.js
2import { preloadImage } from '@liuqisiwu/vite-plugin-preload-image';
3
4export default defineConfig({
5    plugins: [
6        preloadImage({
7            imageDirs: [
8                'src/assets/images/*.{png,jpg,jpeg,gif,webp,svg}',
9                'public/images/*.{png}'
10            ],
11            attrs: {
12                rel: 'preload' // 默认为prefetch
13            }
14        })
15    ]
16})