mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
88 lines
2.3 KiB
JavaScript
88 lines
2.3 KiB
JavaScript
/**
|
||
* Build npm lib
|
||
* Steps:
|
||
* 1. 清理目录
|
||
* 2. 构建 JS 入口文件
|
||
* 3. 打包 JS 文件：vant.js && vant.min.js
|
||
* 4. 构建 CSS 文件：vant-css
|
||
* 5. 构建每个组件对应的 [component].js
|
||
* 6. 生成每个组件目录下的 style 入口
|
||
* 7. 编译 utils
|
||
*/
|
||
|
||
const fs = require('fs');
|
||
const path = require('path');
|
||
const components = require('../../components.json');
|
||
const chalk = require('chalk');
|
||
require('shelljs/global');
|
||
|
||
// clean dir
|
||
log('Starting', 'clean');
|
||
exec('npm run clean --silent');
|
||
log('Finished', 'clean');
|
||
|
||
// build entry
|
||
log('Starting', 'build:entry');
|
||
exec('npm run build:file --silent');
|
||
log('Finished', 'build:entry');
|
||
|
||
// lint
|
||
log('Starting', 'lint');
|
||
exec('npm run lint --silent');
|
||
log('Finished', 'lint');
|
||
|
||
// build vant.js
|
||
log('Starting', 'build:vant');
|
||
exec('npm run build:vant --silent');
|
||
log('Finished', 'build:vant');
|
||
|
||
// build [component].js
|
||
log('Starting', 'build:component');
|
||
exec('npm run build:components --silent');
|
||
log('Finished', 'build:component');
|
||
|
||
// build vant-css
|
||
log('Starting', 'build:vant-css');
|
||
exec('npm run build:vant-css --silent');
|
||
log('Finished', 'build:vant-css');
|
||
|
||
// build style entrys
|
||
log('Starting', 'build:style-entries');
|
||
Object.keys(components).forEach((componentName) => {
|
||
const dir = path.join(__dirname, '../../lib/', componentName, '/style');
|
||
const file = path.join(dir, 'index.js');
|
||
const content = `require('../../vant-css/${componentName}.css');`;
|
||
mkdir(dir);
|
||
writeFile(file, content);
|
||
});
|
||
log('Finished', 'build:style-entries');
|
||
|
||
// build utils
|
||
log('Starting', 'build:utils');
|
||
exec('npm run build:utils --silent');
|
||
log('Finished', 'build:utils');
|
||
|
||
// helpers
|
||
function log(status, action, breakLine) {
|
||
const now = new Date();
|
||
const clock = `${breakLine ? '\n' : ''}[${padZero(now.getHours())}:${padZero(now.getMinutes())}:${padZero(now.getSeconds())}]`;
|
||
console.log(`${chalk.gray(clock)} ${status} '${action ? chalk.cyan.bold(action ) : ''}'`);
|
||
}
|
||
|
||
function padZero(num) {
|
||
return (num < 10 ? '0' : '') + num;
|
||
}
|
||
|
||
function writeFile(pathname, content) {
|
||
if (!fs.existsSync(pathname)) {
|
||
fs.closeSync(fs.openSync(pathname, 'w'));
|
||
}
|
||
fs.writeFileSync(pathname, content, { encoding: 'utf8' });
|
||
}
|
||
|
||
function mkdir(pathname) {
|
||
if (!fs.existsSync(pathname)) {
|
||
fs.mkdirSync(pathname);
|
||
}
|
||
}
|