1.0.2 • Published 29 days ago

vite-plugin-sprite v1.0.2

Weekly downloads
-
License
MIT
Repository
-
Last release
29 days ago

vite-plugin-sprite

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中使用。
1.0.2

29 days ago

1.0.1

29 days ago

1.0.0

29 days ago