vite-plugin-sprite 是一个基于nodejs生成雪碧图的vite插件,可以将指定任意文件夹下的图文件合并为一张图,并输出最终图文件以及css定位文件方便使用。
支持的格式:['.png', '.jpg', '.jpeg', '.gif']
需要注意的是,gif虽然支持,但是由于合并图片只能是静态图,所以只会取gif第一帧作为合并源。
使用:
npm i vite-plugin-sprite -D
import vitePluginSprite from 'vite-plugin-sprite'
export default defineConfig(({ command, mode }) => {
return {
// ...
plugins: [
// ...
vitePluginSprite({ source: '**/sprite' })
]
}
})
入参:
source // 支持指定任意目录包括递归目录,如: sprite, ./sprite, **/sprite, test/**/sprite等合法路径。
scale // css像素数值的缩放倍数,方便在css中使用。