-
Notifications
You must be signed in to change notification settings - Fork 4
/
sprites.js
64 lines (58 loc) · 1.52 KB
/
sprites.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
const path = require("path");
const fs = require("fs");
const svgSprite = require("svg-sprite");
// Configuration for svg-sprite
const config = {
dest: "dist/core",
mode: {
symbol: {
inline: true,
sprite: "../sprites",
},
},
shape: {
id: {
generator: "sprite-%s",
},
},
svg: {
transform: [
function (svg) {
let globalDefs = "";
return svg
.replace(/<defs>(.+?)<\/defs>/g, (_match, def) => {
globalDefs += def;
})
.replace("<symbol", `<defs>${globalDefs}</defs><symbol`);
},
],
},
};
// Create a new SVG sprite instance
const sprite = new svgSprite(config);
// Directory where your individual SVG files are located
const svgDir = path.resolve(__dirname, "src/core/icons");
// Read all SVG files from the directory and add them to the sprite
fs.readdirSync(svgDir).forEach((file) => {
if (file.endsWith(".svg")) {
sprite.add(
path.resolve(svgDir, file),
null,
fs.readFileSync(path.resolve(svgDir, file), "utf-8"),
);
}
});
// Compile the sprite
sprite.compile((err, result) => {
if (err) {
console.error("Error generating SVG sprite:", err);
} else {
// Write the compiled sprite to the destination directory
fs.mkdirSync(path.resolve(__dirname, "dist/core"), { recursive: true });
fs.writeFileSync(
path.resolve(__dirname, "dist", result.symbol.sprite.path),
result.symbol.sprite.contents,
);
console.log("SVG sprite generated successfully!");
}
});