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'打包文件夹中)
│ │ └── ... // 其他图片资源
...

results matching ""

    No results matching ""