-
Notifications
You must be signed in to change notification settings - Fork 13
/
gulpfile.js
39 lines (35 loc) · 1.13 KB
/
gulpfile.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
"use strict";
var gulp = require("gulp");
var rename = require("gulp-rename");
var sketch = require("gulp-sketch");
var iconfont = require('gulp-iconfont');
var consolidate = require('gulp-consolidate');
var fontName = 'mediacat-icons';
gulp.task('icon', function() {
return gulp.src('./static/fonts/icons.sketch')
.pipe(sketch({
export: 'artboards',
compact: true,
clean: true,
formats: 'svg'
}))
.pipe(iconfont({
fontName: fontName
}))
.on('codepoints', function(codepoints) {
var options = {
glyphs: codepoints,
fontName: fontName,
fontPath: '../fonts/build/', // set path to font (from your CSS file if relative)
className: 'icon' // set class name in your CSS
};
gulp.src('./static/fonts/template.scss')
.pipe(consolidate('lodash', options))
.pipe(rename({basename: '_icon' }))
.pipe(gulp.dest('./static/css/generated/')); // set path to export your CSS
})
.pipe(gulp.dest('./static/fonts/build/')); // set path to export your fonts
});
gulp.task('watch', function() {
gulp.watch(['./static/fonts/icons.sketch', './static/fonts/template.scss'], ['icon']);
});