miminari
/ svgsprite-demo.ejs
Last active
May 2, 2018 07:20
— forked from ova2/svgsprite-demo.ejs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <title>SVG ICONS</title> | |
| <style> | |
| <%- theme %> | |
| </style> | |
| </head> |
miminari
/ embed-sprite.js
Last active
May 2, 2018 06:59
— forked from ova2/embed-sprite.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const fs = require('fs'); | |
| const glob = require("glob"); | |
| const path = require('path'); | |
| const ejs = require('ejs'); | |
| let template = ` | |
| <span style="visibility: hidden; position: absolute; z-index: -1;"> | |
| <!-- SVG-Sprite --> | |
| <%- svgsprite %> | |
| </span> |
miminari
/ imagemin-svgo.js
Last active
May 2, 2018 11:35
— forked from ova2/imagemin-svgo.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const imagemin = require('imagemin'); | |
| const imageminSvgo = require('imagemin-svgo'); | |
| imagemin(['svg/icons/*.svg'], 'svg/dist/icons/', { | |
| use: [ | |
| imageminSvgo({ | |
| plugins: [ | |
| {cleanupIDs: {remove: false}}, | |
| {cleanupNumericValues: {floatPrecision: 2}}, | |
| {removeViewBox: false}, |
miminari
/ package.json
Last active
May 2, 2018 07:26
— forked from ova2/package.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "scripts": { | |
| "rimraf": "rimraf svg/dist", | |
| "imageminsvgo": "node svg/imagemin-svgo.js", | |
| "prebuildsprite": "npm run imageminsvgo", | |
| "buildsprite": "svgstore -o svg/dist/svgsprite.svg svg/dist/icons/**/*.svg --inline", | |
| "embedsprite": "node svg/embed-sprite.js", | |
| "svgsprite": "npm run rimraf && npm run buildsprite && npm run embedsprite" | |
| } |