|
| 1 | +/** |
| 2 | + * build iconfont from sketch |
| 3 | + */ |
| 4 | +const { src, dest, series } = require('gulp'); |
| 5 | +const fs = require('fs-extra'); |
| 6 | +const path = require('path'); |
| 7 | +const glob = require('fast-glob'); |
| 8 | +const shell = require('shelljs'); |
| 9 | +const encode = require('./build-encode'); |
| 10 | +const md5File = require('md5-file'); |
| 11 | +const iconfont = require('gulp-iconfont'); |
| 12 | +const iconfontCss = require('gulp-iconfont-css'); |
| 13 | +const config = require('../src/config'); |
| 14 | + |
| 15 | +const srcDir = path.join(__dirname, '../src'); |
| 16 | +const svgDir = path.join(__dirname, '../assets/svg'); |
| 17 | +const sketch = path.join(__dirname, '../assets/icons.sketch'); |
| 18 | +const template = path.join(__dirname, './template.tpl'); |
| 19 | +const formats = ['ttf', 'woff', 'woff2']; |
| 20 | + |
| 21 | +// get md5 from sketch |
| 22 | +const md5 = md5File.sync(sketch).slice(0, 6); |
| 23 | +const fontName = `${config.name}-${md5}`; |
| 24 | + |
| 25 | +// remove previous fonts |
| 26 | +const prevFonts = glob.sync(formats.map(ext => path.join(srcDir, '*.' + ext))); |
| 27 | +prevFonts.forEach(font => fs.removeSync(font)); |
| 28 | + |
| 29 | +// generate font from svg && build index.less |
| 30 | +function font() { |
| 31 | + return src([`${svgDir}/*.svg`]) |
| 32 | + .pipe( |
| 33 | + iconfontCss({ |
| 34 | + fontName: config.name, |
| 35 | + path: template, |
| 36 | + targetPath: '../src/index.less', |
| 37 | + normalize: true, |
| 38 | + firstGlyph: 0xf000, |
| 39 | + cssClass: fontName // this is a trick to pass fontName to template |
| 40 | + }) |
| 41 | + ) |
| 42 | + .pipe( |
| 43 | + iconfont({ |
| 44 | + fontName, |
| 45 | + formats |
| 46 | + }) |
| 47 | + ) |
| 48 | + .pipe(dest(srcDir)); |
| 49 | +} |
| 50 | + |
| 51 | +function upload(done) { |
| 52 | + // generate encode.less |
| 53 | + encode(fontName, srcDir); |
| 54 | + |
| 55 | + // upload font to cdn |
| 56 | + formats.forEach(ext => { |
| 57 | + shell.exec(`superman-cdn /vant ${path.join(srcDir, fontName + '.' + ext)}`); |
| 58 | + }); |
| 59 | + |
| 60 | + done(); |
| 61 | +} |
| 62 | + |
| 63 | +exports.default = series(font, upload); |
0 commit comments