mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-05 19:41:42 +08:00
77 lines
2.2 KiB
JavaScript
77 lines
2.2 KiB
JavaScript
/**
|
|
* build iconfont from sketch
|
|
*/
|
|
const fs = require('fs-extra');
|
|
const gulp = require('gulp');
|
|
const path = require('path');
|
|
const glob = require('fast-glob');
|
|
const shell = require('shelljs');
|
|
const md5File = require('md5-file');
|
|
const iconfont = require('gulp-iconfont');
|
|
const iconfontCss = require('gulp-iconfont-css');
|
|
const config = require('../packages/icon/config');
|
|
const local = require('../packages/icon/config/template-local');
|
|
|
|
const iconDir = path.join(__dirname, '../packages/icon');
|
|
const svgDir = path.join(iconDir, 'svg');
|
|
const sketch = path.join(iconDir, 'assets/icons.sketch');
|
|
const template = path.join(iconDir, 'config/template.tpl');
|
|
|
|
// get md5 from sketch
|
|
const md5 = md5File.sync(sketch).slice(0, 6);
|
|
const ttf = `${config.name}-${md5}.ttf`;
|
|
|
|
// extract svg from sketch
|
|
// should install sketchtool first
|
|
// install guide: https://developer.sketchapp.com/guides/sketchtool/
|
|
shell.exec(
|
|
`/Applications/Sketch.app/Contents/Resources/sketchtool/bin/sketchtool export slices --formats=svg --overwriting=YES --save-for-web=YES --output=${svgDir} ${sketch}`
|
|
);
|
|
|
|
// remove previous ttf
|
|
const prevTTFs = glob.sync(path.join(iconDir, '*.ttf'));
|
|
prevTTFs.forEach(ttf => fs.removeSync(ttf));
|
|
|
|
// rename svg
|
|
const icons = [...config.basic, ...config.outline, ...config.filled];
|
|
icons.forEach((icon, index) => {
|
|
const src = path.join(svgDir, icon.src);
|
|
if (fs.existsSync(src)) {
|
|
fs.renameSync(src, path.join(svgDir, icon.css + '.svg'));
|
|
}
|
|
});
|
|
|
|
// generate ttf from sketch && build icon.css
|
|
gulp.task('ttf', () => {
|
|
return gulp
|
|
.src([`${svgDir}/*.svg`])
|
|
.pipe(
|
|
iconfontCss({
|
|
fontName: config.name,
|
|
path: template,
|
|
targetPath: '../icon/index.less',
|
|
normalize: true,
|
|
firstGlyph: 0xf000,
|
|
cssClass: ttf // this is a trick to pass ttf to template
|
|
})
|
|
)
|
|
.pipe(
|
|
iconfont({
|
|
fontName: ttf.replace('.ttf', ''),
|
|
formats: ['ttf']
|
|
})
|
|
)
|
|
.pipe(gulp.dest(iconDir));
|
|
});
|
|
|
|
gulp.task('default', ['ttf'], () => {
|
|
// generate icon-local.css
|
|
fs.writeFileSync(path.join(iconDir, 'local.less'), local(config.name, ttf));
|
|
|
|
// remove svg
|
|
fs.removeSync(svgDir);
|
|
|
|
// upload ttf to cdn
|
|
shell.exec(`superman cdn /vant ${path.join(iconDir, ttf)}`);
|
|
});
|