Sprite

sprites.basePath

string

CSS中引用图片位置的路径。默认值为：'../'。

sprites.padding

number

包含在图像或SVG之间的像素数量。默认值为：1。

sprites.image

array

图像文件夹名称的列表。默认值为：[]。

🌰 例如：

sprites: {
  image: ['custom-icons']
}

Before images:

project
├─┬ src
│ ├─┬ styles
│ │ └── main.scss
│ ├─┬ images
│ │ ├─┬ custom-icons // 注意：文件夹名称
│ │ │ ├── a.png
│ │ │ ├── b.png
│ │ │ └── c.png
│ │ └── ... // 其他图片资源
...

After images:

project
├─┬ src
│ ├─┬ styles
│ │ ├─┬ sprites
│ │ │ └── _custom-icons.scss // 合成图片雪碧图对应的样式
│ │ └── main.scss
│ ├─┬ images
│ │ ├─┬ custom-icons
│ │ │ ├── a.png
│ │ │ ├── b.png
│ │ │ └── c.png
│ │ ├── custom-icons-sprite.png // 合成的图片雪碧图文件（提示：此文件存放于'.tmp'临时文件夹或'dist'打包文件夹中）
│ │ └── ... // 其他图片资源
...

sprites.mode

Output modes: css, view, defs, symbol, stack. 默认值为：'css'。

sprites.svg

array

SVG文件夹名称。默认值为：[]。

🌰 例如：

sprites: {
  svg: ['custom-svg']
}

Before images:

project
├─┬ src
│ ├─┬ styles
│ │ └── main.scss
│ ├─┬ images
│ │ ├─┬ custom-svg // 注意：文件夹名称
│ │ │ ├── a.svg
│ │ │ ├── b.svg
│ │ │ └── c.svg
│ │ └── ... // 其他图片资源
...

After images:

project
├─┬ src
│ ├─┬ styles
│ │ ├─┬ svg
│ │ │ └── _custom-svg.scss // 合成SVG雪碧图对应的样式
│ │ └── main.scss
│ ├─┬ images
│ │ ├─┬ custom-svg
│ │ │ ├── a.svg
│ │ │ ├── b.svg
│ │ │ └── c.svg
│ │ ├── custom-svg-css.svg // 合成的SVG雪碧图文件（提示：此文件存放于'.tmp'临时文件夹或'dist'打包文件夹中）
│ │ └── ... // 其他图片资源
...