aboutsummaryrefslogtreecommitdiff
path: root/gulpfile.js
diff options
context:
space:
mode:
Diffstat (limited to 'gulpfile.js')
-rw-r--r--gulpfile.js33
1 files changed, 29 insertions, 4 deletions
diff --git a/gulpfile.js b/gulpfile.js
index 3db1297..03f9d56 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -6,6 +6,33 @@ const gulp = require('gulp'),
gulp.task('icons-sprite', function (cb) {
+ glob("_site/icons/*.svg", {}, function (er, files) {
+
+ let svgContent = '';
+
+ files.forEach(function (file, i) {
+ let name = path.basename(file, '.svg'),
+ svgFile = fs.readFileSync(file),
+ svgFileContent = svgFile.toString();
+
+ svgFileContent = svgFileContent
+ .replace(/<svg[^>]+>/g, '')
+ .replace(/<\/svg>/g, '')
+ .replace(/\n+/g, '')
+ .replace(/>\s+</g, '><')
+ .trim();
+
+ svgContent += `<symbol id="${name}" viewBox="0 0 24 24">${svgFileContent}</symbol>`
+ });
+
+ let svg = `<svg xmlns="http://www.w3.org/2000/svg"><defs>${svgContent}</defs></svg>`;
+
+ fs.writeFileSync('icons-sprite.svg', svg);
+ cb();
+ });
+});
+
+gulp.task('icons-preview', function (cb) {
const columnsCount = 17,
padding = 29,
paddingOuter = 5,
@@ -46,7 +73,7 @@ gulp.task('icons-sprite', function (cb) {
const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 ${width} ${height}" width="${width}" height="${height}" style="color: #354052"><rect x="0" y="0" width="${width}" height="${height}" fill="#fff"></rect>\n${svgContentSymbols}\n${svgContentIcons}\n</svg>`;
- fs.writeFileSync('icons.svg', svgContent);
+ fs.writeFileSync('demo/icons.svg', svgContent);
cb();
});
});
@@ -82,7 +109,7 @@ gulp.task('icons-stroke', function (cb) {
const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 ${width} ${height}" width="${width}" height="${height}" style="color: #354052"><rect x="0" y="0" width="${width}" height="${height}" fill="#fff"></rect>\n${svgContentSymbols}\n${svgContentIcons}\n</svg>`;
- fs.writeFileSync('icons-stroke.svg', svgContent);
+ fs.writeFileSync('demo/icons-stroke.svg', svgContent);
cb();
});
@@ -102,8 +129,6 @@ gulp.task('optimize', function (cb) {
.replace(/\s+"/g, '"')
.replace(/\n\n+/g, "\n");
- console.log('file', file);
-
fs.writeFileSync(file, svgFileContent);
});