mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-05 05:42:44 +08:00
build(@vant/icons): remove legacy build config
This commit is contained in:
chenjiahan
neverland
parent
3eff0ad87a
commit
c08da62044
3
packages/vant-icons/.gitignore
vendored
3
packages/vant-icons/.gitignore
vendored
@ -1,4 +1 @@
|
|||||||
assets/svg
|
assets/svg
|
||||||
src/*.ttf
|
|
||||||
src/*.woff
|
|
||||||
src/*.woff2
|
|
||||||
|
|||||||
@ -1,6 +0,0 @@
|
|||||||
|
|
||||||
plugins:
|
|
||||||
- removeAttrs:
|
|
||||||
attrs:
|
|
||||||
- 'fill'
|
|
||||||
- 'stroke'
|
|
||||||
@ -30,5 +30,4 @@ yarn add @vant/icons
|
|||||||
|
|
||||||
1. Add new icon to assets/icons.sketch
|
1. Add new icon to assets/icons.sketch
|
||||||
2. Add icon name to src/config.js
|
2. Add icon name to src/config.js
|
||||||
3. Add icon codepoints to build/codepoints.js
|
3. Make a Pull Request
|
||||||
4. Make a Pull Request
|
|
||||||
|
|||||||
@ -1,21 +0,0 @@
|
|||||||
const fs = require('fs-extra');
|
|
||||||
const path = require('path');
|
|
||||||
const config = require('../src/config');
|
|
||||||
|
|
||||||
function template(fontName, ttf) {
|
|
||||||
return `@font-face {
|
|
||||||
font-weight: normal;
|
|
||||||
font-family: '${fontName}';
|
|
||||||
font-style: normal;
|
|
||||||
src: url('${ttf}') format('truetype');
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
}
|
|
||||||
|
|
||||||
module.exports = function encode(fontName, srcDir) {
|
|
||||||
const ttfBase64 = fs.readFileSync(`../src/${fontName}.ttf`, 'base64');
|
|
||||||
fs.writeFileSync(
|
|
||||||
path.join(srcDir, 'encode.less'),
|
|
||||||
template(config.name, `data:font/ttf;base64,${ttfBase64}`)
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,78 +0,0 @@
|
|||||||
/**
|
|
||||||
* build iconfont from sketch
|
|
||||||
*/
|
|
||||||
const { src, dest, series } = require('gulp');
|
|
||||||
const fs = require('fs-extra');
|
|
||||||
const glob = require('fast-glob');
|
|
||||||
const shell = require('shelljs');
|
|
||||||
const encode = require('./build-encode');
|
|
||||||
const md5File = require('md5-file');
|
|
||||||
const iconfont = require('gulp-iconfont');
|
|
||||||
const iconfontCss = require('gulp-iconfont-css');
|
|
||||||
const config = require('../src/config');
|
|
||||||
const codepoints = require('./codepoints');
|
|
||||||
const { join } = require('path');
|
|
||||||
|
|
||||||
const srcDir = join(__dirname, '../src');
|
|
||||||
const svgDir = join(__dirname, '../assets/svg');
|
|
||||||
const sketch = join(__dirname, '../assets/icons.sketch');
|
|
||||||
const template = join(__dirname, './template.tpl');
|
|
||||||
const formats = ['ttf', 'woff', 'woff2'];
|
|
||||||
|
|
||||||
// get md5 from sketch
|
|
||||||
const md5 = md5File.sync(sketch).slice(0, 6);
|
|
||||||
const fontName = `${config.name}-${md5}`;
|
|
||||||
|
|
||||||
// remove previous fonts
|
|
||||||
const prevFonts = glob.sync(formats.map((ext) => join(srcDir, '*.' + ext)));
|
|
||||||
prevFonts.forEach((font) => fs.removeSync(font));
|
|
||||||
|
|
||||||
// generate font from svg && build index.less
|
|
||||||
function font() {
|
|
||||||
return src([`${svgDir}/*.svg`])
|
|
||||||
.pipe(
|
|
||||||
iconfontCss({
|
|
||||||
fontName: config.name,
|
|
||||||
path: template,
|
|
||||||
targetPath: '../src/index.less',
|
|
||||||
normalize: true,
|
|
||||||
fixedCodepoints: codepoints,
|
|
||||||
cssClass: fontName, // this is a trick to pass fontName to template
|
|
||||||
})
|
|
||||||
)
|
|
||||||
.pipe(
|
|
||||||
iconfont({
|
|
||||||
fontName,
|
|
||||||
formats,
|
|
||||||
})
|
|
||||||
)
|
|
||||||
.pipe(dest(srcDir));
|
|
||||||
}
|
|
||||||
|
|
||||||
function encodeWoff2(done) {
|
|
||||||
const cdnPath = `https://b.yzcdn.cn/vant/${fontName}.woff2`;
|
|
||||||
const srcFile = join(srcDir, 'index.less');
|
|
||||||
const woff2Base64 = fs.readFileSync(`../src/${fontName}.woff2`, 'base64');
|
|
||||||
const woff2DataUrl = `data:font/ttf;base64,${woff2Base64}`;
|
|
||||||
|
|
||||||
fs.writeFileSync(
|
|
||||||
join(srcDir, 'encode-woff2.less'),
|
|
||||||
fs.readFileSync(srcFile, 'utf-8').replace(cdnPath, woff2DataUrl)
|
|
||||||
);
|
|
||||||
|
|
||||||
done();
|
|
||||||
}
|
|
||||||
|
|
||||||
function upload(done) {
|
|
||||||
// generate encode.less
|
|
||||||
encode(fontName, srcDir);
|
|
||||||
|
|
||||||
// upload font to cdn
|
|
||||||
formats.forEach((ext) => {
|
|
||||||
shell.exec(`superman-cdn /vant ${join(srcDir, fontName + '.' + ext)}`);
|
|
||||||
});
|
|
||||||
|
|
||||||
done();
|
|
||||||
}
|
|
||||||
|
|
||||||
exports.default = series(font, encodeWoff2, upload);
|
|
||||||
@ -1,250 +0,0 @@
|
|||||||
/* eslint-disable no-useless-escape */
|
|
||||||
const map = {
|
|
||||||
F000: 'add-o',
|
|
||||||
F001: 'add-square',
|
|
||||||
F002: 'add',
|
|
||||||
F003: 'after-sale',
|
|
||||||
F004: 'aim',
|
|
||||||
F005: 'alipay',
|
|
||||||
F006: 'apps-o',
|
|
||||||
F007: 'arrow-down',
|
|
||||||
F008: 'arrow-left',
|
|
||||||
F009: 'arrow-up',
|
|
||||||
F00A: 'arrow',
|
|
||||||
F00B: 'ascending',
|
|
||||||
F00C: 'audio',
|
|
||||||
F00D: 'award-o',
|
|
||||||
F00E: 'award',
|
|
||||||
F00F: 'bag-o',
|
|
||||||
F010: 'bag',
|
|
||||||
F011: 'balance-list-o',
|
|
||||||
F012: 'balance-list',
|
|
||||||
F013: 'balance-o',
|
|
||||||
F014: 'balance-pay',
|
|
||||||
F015: 'bar-chart-o',
|
|
||||||
F016: 'bars',
|
|
||||||
F017: 'bell',
|
|
||||||
F018: 'bill-o',
|
|
||||||
F019: 'bill',
|
|
||||||
F01A: 'birthday-cake-o',
|
|
||||||
F01B: 'bookmark-o',
|
|
||||||
F01C: 'bookmark',
|
|
||||||
F01D: 'browsing-history-o',
|
|
||||||
F01E: 'browsing-history',
|
|
||||||
F01F: 'brush-o',
|
|
||||||
F020: 'bulb-o',
|
|
||||||
F021: 'bullhorn-o',
|
|
||||||
F022: 'calendar-o',
|
|
||||||
F023: 'card',
|
|
||||||
F024: 'cart-circle-o',
|
|
||||||
F025: 'cart-circle',
|
|
||||||
F026: 'cart-o',
|
|
||||||
F027: 'cart',
|
|
||||||
F028: 'cash-back-record',
|
|
||||||
F029: 'cash-on-deliver',
|
|
||||||
F02A: 'cashier-o',
|
|
||||||
F02B: 'certificate',
|
|
||||||
F02C: 'chart-trending-o',
|
|
||||||
F02D: 'chat-o',
|
|
||||||
F02E: 'chat',
|
|
||||||
F02F: 'checked',
|
|
||||||
F030: 'circle',
|
|
||||||
F031: 'clear',
|
|
||||||
F032: 'clock-o',
|
|
||||||
F033: 'clock',
|
|
||||||
F034: 'close',
|
|
||||||
F035: 'closed-eye',
|
|
||||||
F036: 'cluster-o',
|
|
||||||
F037: 'cluster',
|
|
||||||
F038: 'column',
|
|
||||||
F039: 'comment-circle-o',
|
|
||||||
F03A: 'comment-circle',
|
|
||||||
F03B: 'comment-o',
|
|
||||||
F03C: 'comment',
|
|
||||||
F03D: 'completed',
|
|
||||||
F03E: 'contact',
|
|
||||||
F03F: 'coupon-o',
|
|
||||||
F040: 'coupon',
|
|
||||||
F041: 'credit-pay',
|
|
||||||
F042: 'cross',
|
|
||||||
F043: 'debit-pay',
|
|
||||||
F044: 'delete',
|
|
||||||
F045: 'descending',
|
|
||||||
F046: 'description',
|
|
||||||
F047: 'desktop-o',
|
|
||||||
F048: 'diamond-o',
|
|
||||||
F049: 'diamond',
|
|
||||||
F04A: 'discount',
|
|
||||||
F04B: 'down',
|
|
||||||
F04C: 'ecard-pay',
|
|
||||||
F04D: 'edit',
|
|
||||||
F04E: 'ellipsis',
|
|
||||||
F04F: 'empty',
|
|
||||||
F050: 'envelop-o',
|
|
||||||
F051: 'exchange',
|
|
||||||
F052: 'expand-o',
|
|
||||||
F053: 'expand',
|
|
||||||
F054: 'eye-o',
|
|
||||||
F055: 'eye',
|
|
||||||
F056: 'fail',
|
|
||||||
F057: 'failure',
|
|
||||||
F058: 'filter-o',
|
|
||||||
F059: 'fire-o',
|
|
||||||
F05A: 'fire',
|
|
||||||
F05B: 'flag-o',
|
|
||||||
F05C: 'flower-o',
|
|
||||||
F05D: 'free-postage',
|
|
||||||
F05E: 'friends-o',
|
|
||||||
F05F: 'friends',
|
|
||||||
F060: 'gem-o',
|
|
||||||
F061: 'gem',
|
|
||||||
F062: 'gift-card-o',
|
|
||||||
F063: 'gift-card',
|
|
||||||
F064: 'gift-o',
|
|
||||||
F065: 'gift',
|
|
||||||
F066: 'gold-coin-o',
|
|
||||||
F067: 'gold-coin',
|
|
||||||
F068: 'good-job-o',
|
|
||||||
F069: 'good-job',
|
|
||||||
F06A: 'goods-collect-o',
|
|
||||||
F06B: 'goods-collect',
|
|
||||||
F06C: 'graphic',
|
|
||||||
F06D: 'home-o',
|
|
||||||
F06E: 'hot-o',
|
|
||||||
F06F: 'hot-sale-o',
|
|
||||||
F070: 'hot-sale',
|
|
||||||
F071: 'hot',
|
|
||||||
F072: 'hotel-o',
|
|
||||||
F073: 'idcard',
|
|
||||||
F074: 'info-o',
|
|
||||||
F075: 'info',
|
|
||||||
F076: 'invition',
|
|
||||||
F077: 'label-o',
|
|
||||||
F078: 'label',
|
|
||||||
F079: 'like-o',
|
|
||||||
F07A: 'like',
|
|
||||||
F07B: 'live',
|
|
||||||
F07C: 'location-o',
|
|
||||||
F07D: 'location',
|
|
||||||
F07E: 'lock',
|
|
||||||
F07F: 'logistics',
|
|
||||||
F080: 'manager-o',
|
|
||||||
F081: 'manager',
|
|
||||||
F082: 'map-marked',
|
|
||||||
F083: 'medal-o',
|
|
||||||
F084: 'medal',
|
|
||||||
F085: 'more-o',
|
|
||||||
F086: 'more',
|
|
||||||
F087: 'music-o',
|
|
||||||
F088: 'music',
|
|
||||||
F089: 'new-arrival-o',
|
|
||||||
F08A: 'new-arrival',
|
|
||||||
F08B: 'new-o',
|
|
||||||
F08C: 'new',
|
|
||||||
F08D: 'newspaper-o',
|
|
||||||
F08E: 'notes-o',
|
|
||||||
F08F: 'orders-o',
|
|
||||||
F090: 'other-pay',
|
|
||||||
F091: 'paid',
|
|
||||||
F092: 'passed',
|
|
||||||
F093: 'pause-circle-o',
|
|
||||||
F094: 'pause-circle',
|
|
||||||
F095: 'pause',
|
|
||||||
F096: 'peer-pay',
|
|
||||||
F097: 'pending-payment',
|
|
||||||
F098: 'phone-circle-o',
|
|
||||||
F099: 'phone-circle',
|
|
||||||
F09A: 'phone-o',
|
|
||||||
F09B: 'phone',
|
|
||||||
F09C: 'photo-o',
|
|
||||||
F09D: 'photo',
|
|
||||||
F09E: 'photograph',
|
|
||||||
F09F: 'play-circle-o',
|
|
||||||
F0A0: 'play-circle',
|
|
||||||
F0A1: 'play',
|
|
||||||
F0A2: 'plus',
|
|
||||||
F0A3: 'point-gift-o',
|
|
||||||
F0A4: 'point-gift',
|
|
||||||
F0A5: 'points',
|
|
||||||
F0A6: 'printer',
|
|
||||||
F0A7: 'qr-invalid',
|
|
||||||
F0A8: 'qr',
|
|
||||||
F0A9: 'question-o',
|
|
||||||
F0AA: 'question',
|
|
||||||
F0AB: 'records',
|
|
||||||
F0AC: 'refund-o',
|
|
||||||
F0AD: 'replay',
|
|
||||||
F0AE: 'scan',
|
|
||||||
F0AF: 'search',
|
|
||||||
F0B0: 'send-gift-o',
|
|
||||||
F0B1: 'send-gift',
|
|
||||||
F0B2: 'service-o',
|
|
||||||
F0B3: 'service',
|
|
||||||
F0B4: 'setting-o',
|
|
||||||
F0B5: 'setting',
|
|
||||||
F0B6: 'share',
|
|
||||||
F0B7: 'shop-collect-o',
|
|
||||||
F0B8: 'shop-collect',
|
|
||||||
F0B9: 'shop-o',
|
|
||||||
F0BA: 'shop',
|
|
||||||
F0BB: 'shopping-cart-o',
|
|
||||||
F0BC: 'shopping-cart',
|
|
||||||
F0BD: 'shrink',
|
|
||||||
F0BE: 'sign',
|
|
||||||
F0BF: 'smile-comment-o',
|
|
||||||
F0C0: 'smile-comment',
|
|
||||||
F0C1: 'smile-o',
|
|
||||||
F0C2: 'smile',
|
|
||||||
F0C3: 'star-o',
|
|
||||||
F0C4: 'star',
|
|
||||||
F0C5: 'stop-circle-o',
|
|
||||||
F0C6: 'stop-circle',
|
|
||||||
F0C7: 'stop',
|
|
||||||
F0C8: 'success',
|
|
||||||
F0C9: 'thumb-circle-o',
|
|
||||||
F0CA: 'thumb-circle',
|
|
||||||
F0CB: 'todo-list-o',
|
|
||||||
F0CC: 'todo-list',
|
|
||||||
F0CD: 'tosend',
|
|
||||||
F0CE: 'tv-o',
|
|
||||||
F0CF: 'umbrella-circle',
|
|
||||||
F0D0: 'underway-o',
|
|
||||||
F0D1: 'underway',
|
|
||||||
F0D2: 'upgrade',
|
|
||||||
F0D3: 'user-circle-o',
|
|
||||||
F0D4: 'user-o',
|
|
||||||
F0D5: 'video-o',
|
|
||||||
F0D6: 'video',
|
|
||||||
F0D7: 'vip-card-o',
|
|
||||||
F0D8: 'vip-card',
|
|
||||||
F0D9: 'volume-o',
|
|
||||||
F0DA: 'volume',
|
|
||||||
F0DB: 'wap-home-o',
|
|
||||||
F0DC: 'wap-home',
|
|
||||||
F0DD: 'wap-nav',
|
|
||||||
F0DE: 'warn-o',
|
|
||||||
F0DF: 'warning-o',
|
|
||||||
F0E0: 'warning',
|
|
||||||
F0E1: 'weapp-nav',
|
|
||||||
F0E2: 'wechat-pay',
|
|
||||||
F0E3: 'youzan-shield',
|
|
||||||
F0E4: 'enlarge',
|
|
||||||
F0E5: 'photo-fail',
|
|
||||||
F0E6: 'back-top',
|
|
||||||
F0E7: 'share-o',
|
|
||||||
F0E8: 'minus',
|
|
||||||
F0E9: 'delete-o',
|
|
||||||
F0EA: 'sort',
|
|
||||||
F0EB: 'font',
|
|
||||||
F0EC: 'font-o',
|
|
||||||
F0ED: 'revoke',
|
|
||||||
F0EE: 'wechat',
|
|
||||||
};
|
|
||||||
|
|
||||||
const reversedMap = {};
|
|
||||||
|
|
||||||
Object.keys(map).forEach((key) => {
|
|
||||||
reversedMap[map[key]] = key;
|
|
||||||
});
|
|
||||||
|
|
||||||
module.exports = reversedMap;
|
|
||||||
@ -1,19 +0,0 @@
|
|||||||
const fs = require('fs-extra');
|
|
||||||
const path = require('path');
|
|
||||||
const shell = require('shelljs');
|
|
||||||
|
|
||||||
const svgDir = path.join(__dirname, '../assets/svg');
|
|
||||||
const sketch = path.join(__dirname, '../assets/icons.sketch');
|
|
||||||
const SKETCH_TOOL_DIR =
|
|
||||||
'/Applications/Sketch.app/Contents/Resources/sketchtool/bin/sketchtool';
|
|
||||||
|
|
||||||
fs.removeSync(svgDir);
|
|
||||||
|
|
||||||
// extract svg from sketch
|
|
||||||
// should install sketchtool first
|
|
||||||
// install guide: https://developer.sketchapp.com/guides/sketchtool/
|
|
||||||
shell.exec(
|
|
||||||
`${SKETCH_TOOL_DIR} export slices --formats=svg --overwriting=YES --save-for-web=YES --output=${svgDir} ${sketch}`
|
|
||||||
);
|
|
||||||
|
|
||||||
shell.exec('svgo ./assets/svg/*.svg');
|
|
||||||
@ -1,30 +0,0 @@
|
|||||||
/* stylelint-disable selector-pseudo-element-colon-notation */
|
|
||||||
/* stylelint-disable font-family-no-missing-generic-family-keyword */
|
|
||||||
@font-face {
|
|
||||||
font-weight: normal;
|
|
||||||
font-family: '<%= fontName %>';
|
|
||||||
font-style: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('https://b.yzcdn.cn/vant/<%= cssClass %>.woff2') format('woff2'),
|
|
||||||
url('https://b.yzcdn.cn/vant/<%= cssClass %>.woff') format('woff'),
|
|
||||||
url('https://b.yzcdn.cn/vant/<%= cssClass %>.ttf') format('truetype');
|
|
||||||
}
|
|
||||||
|
|
||||||
.van-icon {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
font: normal normal normal 14px/1 '<%= fontName %>';
|
|
||||||
font-size: inherit;
|
|
||||||
text-rendering: auto;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
<% _.each(glyphs, function(glyph) { %>.van-icon-<%= glyph.fileName %>::before {
|
|
||||||
content: '\<%= glyph.codePoint %>';
|
|
||||||
}
|
|
||||||
|
|
||||||
<% }); %>
|
|
||||||
@ -12,22 +12,12 @@
|
|||||||
"registry": "https://registry.npmjs.org/"
|
"registry": "https://registry.npmjs.org/"
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"export": "node ./build/export.js",
|
"release": "release-it"
|
||||||
"build": "npm run export && gulp --gulpfile ./build/build-iconfont.js",
|
|
||||||
"release": "npm run build && release-it"
|
|
||||||
},
|
},
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"repository": "https://github.com/youzan/vant/tree/dev/packages/vant-icons",
|
"repository": "https://github.com/youzan/vant/tree/dev/packages/vant-icons",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"fast-glob": "^3.2.2",
|
"release-it": "^13.6.2"
|
||||||
"fs-extra": "^9.0.1",
|
|
||||||
"gulp": "^4.0.2",
|
|
||||||
"gulp-iconfont": "^10.0.3",
|
|
||||||
"gulp-iconfont-css": "^3.0.0",
|
|
||||||
"md5-file": "^5.0.0",
|
|
||||||
"release-it": "^13.6.2",
|
|
||||||
"shelljs": "^0.8.4",
|
|
||||||
"svgo": "1.2.2"
|
|
||||||
},
|
},
|
||||||
"release-it": {
|
"release-it": {
|
||||||
"git": {
|
"git": {
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user