vant components

build/bin/build-all.js

@@ -0,0 +1,25 @@
+'use strict';
+
+const components = require('../../components.json');
+const execSync = require('child_process').execSync;
+const existsSync = require('fs').existsSync;
+const path = require('path');
+
+const componentPaths = [];
+
+delete components.font;
+
+Object.keys(components).forEach(key => {
+  const filePath = path.join(__dirname, `../../packages/${key}/webpack.conf.js`);
+
+  if (existsSync(filePath)) {
+    componentPaths.push(`packages/${key}/webpack.conf.js`);
+  }
+});
+
+const paths = componentPaths.join(',');
+const cli = `node_modules/.bin/webpack build -c ${paths} -p`;
+
+execSync(cli, {
+  stdio: 'inherit'
+});

build/bin/build-entry.js

@@ -0,0 +1,75 @@
+var Components = require('../../components.json');
+var fs = require('fs');
+var render = require('json-templater/string');
+var uppercamelcase = require('uppercamelcase');
+var path = require('path');
+var chalk = require('chalk');
+
+var OUTPUT_PATH = path.join(__dirname, '../../src/index.js');
+var IMPORT_TEMPLATE = 'import {{name}} from \'../packages/{{package}}/index.js\';';
+var ISNTALL_COMPONENT_TEMPLATE = '  Vue.component({{name}}.name, {{name}});';
+var MAIN_TEMPLATE = `{{include}}
+
+const install = function(Vue) {
+  if (install.installed) return;
+
+{{install}}
+};
+
+// auto install
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue);
+}
+
+module.exports = {
+  install,
+  version: '{{version}}',
+{{list}}
+};
+`;
+
+delete Components.font;
+
+var ComponentNames = Object.keys(Components);
+
+var includeComponentTemplate = [];
+var installTemplate = [];
+var listTemplate = [];
+
+ComponentNames.forEach(name => {
+  var componentName = uppercamelcase(name);
+
+  includeComponentTemplate.push(render(IMPORT_TEMPLATE, {
+    name: componentName,
+    package: name
+  }));
+
+  if ([
+    // directives
+    'Lazyload',
+    'Waterfall',
+
+    // services
+    'Dialog',
+    'Toast',
+    'ImagePreview'
+  ].indexOf(componentName) === -1) {
+    installTemplate.push(render(ISNTALL_COMPONENT_TEMPLATE, {
+      name: componentName,
+      component: name
+    }));
+  }
+
+  listTemplate.push(`  ${componentName}`);
+});
+
+var template = render(MAIN_TEMPLATE, {
+  include: includeComponentTemplate.join('\n'),
+  install: installTemplate.join('\n'),
+  version: process.env.VERSION || require('../../package.json').version,
+  list: listTemplate.join(',\n')
+});
+
+fs.writeFileSync(OUTPUT_PATH, template);
+console.log(chalk.green('[build entry] DONE:' + OUTPUT_PATH));
+

build/bin/init.js

@@ -0,0 +1,48 @@
+#!/usr/bin/env node
+const ch = require('child_process');
+const gulp = require('gulp');
+const runSequence = require('run-sequence');
+const gutil = require('gulp-util');
+const fileSave = require('file-save');
+const path = require('path');
+const exec = ch.exec;
+
+if (!process.argv[2]) {
+  console.error('[组件名]必填.');
+  process.exit(1);
+}
+
+const name = process.argv[2];
+
+
+// 项目规范文件拷贝
+gulp.task('copy', function(callback) {
+  gutil.log(gutil.colors.yellow('-------> 开始初始化'));
+
+  exec('cd packages && git clone git@gitlab.qima-inc.com:fe/vue-seed.git ' + name, function(err, stdout, stderr) {
+    gutil.log('-------> 拉取 vue-seed');
+    exec('rm -rf ./packages/' + name + '/.git', function(err, stdout, stderr) {
+      gutil.log('-------> ' + name + '组件初始化成功');
+      callback();
+    });
+  });
+});
+
+
+// 添加到 components.json
+gulp.task('addComponents', function(callback) {
+  const componentsFile = require('../../components.json');
+  if (componentsFile[name]) {
+    console.error(`${name} 已存在.`);
+    process.exit(1);
+  }
+  componentsFile[name] = `./packages/${name}/index.js`;
+  fileSave(path.join(__dirname, '../../components.json'))
+    .write(JSON.stringify(componentsFile, null, '  '), 'utf8')
+    .end('\n');
+  gutil.log('-------> components.json文件更新成功');
+  gutil.log(gutil.colors.yellow('-------> 请无视下面的make报错'));
+});
+
+runSequence('copy', 'addComponents');
+