build-entry.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. var Components = require('../../components.json');
  2. var fs = require('fs');
  3. var render = require('json-templater/string');
  4. var uppercamelcase = require('uppercamelcase');
  5. var path = require('path');
  6. var endOfLine = require('os').EOL;
  7. var OUTPUT_PATH = path.join(__dirname, '../../src/index.js');
  8. var IMPORT_TEMPLATE = 'import {{name}} from \'../packages/{{package}}/index.js\';';
  9. var INSTALL_COMPONENT_TEMPLATE = ' {{name}}';
  10. var MAIN_TEMPLATE = `/* Automatically generated by './build/bin/build-entry.js' */
  11. {{include}}
  12. import locale from 'element-ui/src/locale';
  13. import CollapseTransition from 'element-ui/src/transitions/collapse-transition';
  14. const components = [
  15. {{install}},
  16. CollapseTransition
  17. ];
  18. const install = function(Vue, opts = {}) {
  19. locale.use(opts.locale);
  20. locale.i18n(opts.i18n);
  21. components.map(component => {
  22. Vue.component(component.name, component);
  23. });
  24. Vue.use(Loading.directive);
  25. const ELEMENT = {};
  26. ELEMENT.size = opts.size || '';
  27. Vue.prototype.$loading = Loading.service;
  28. Vue.prototype.$msgbox = MessageBox;
  29. Vue.prototype.$alert = MessageBox.alert;
  30. Vue.prototype.$confirm = MessageBox.confirm;
  31. Vue.prototype.$prompt = MessageBox.prompt;
  32. Vue.prototype.$notify = Notification;
  33. Vue.prototype.$message = Message;
  34. Vue.prototype.$ELEMENT = ELEMENT;
  35. };
  36. /* istanbul ignore if */
  37. if (typeof window !== 'undefined' && window.Vue) {
  38. install(window.Vue);
  39. };
  40. module.exports = {
  41. version: '{{version}}',
  42. locale: locale.use,
  43. i18n: locale.i18n,
  44. install,
  45. CollapseTransition,
  46. Loading,
  47. {{list}}
  48. };
  49. module.exports.default = module.exports;
  50. `;
  51. delete Components.font;
  52. var ComponentNames = Object.keys(Components);
  53. var includeComponentTemplate = [];
  54. var installTemplate = [];
  55. var listTemplate = [];
  56. ComponentNames.forEach(name => {
  57. var componentName = uppercamelcase(name);
  58. includeComponentTemplate.push(render(IMPORT_TEMPLATE, {
  59. name: componentName,
  60. package: name
  61. }));
  62. if (['Loading', 'MessageBox', 'Notification', 'Message'].indexOf(componentName) === -1) {
  63. installTemplate.push(render(INSTALL_COMPONENT_TEMPLATE, {
  64. name: componentName,
  65. component: name
  66. }));
  67. }
  68. if (componentName !== 'Loading') listTemplate.push(` ${componentName}`);
  69. });
  70. var template = render(MAIN_TEMPLATE, {
  71. include: includeComponentTemplate.join(endOfLine),
  72. install: installTemplate.join(',' + endOfLine),
  73. version: process.env.VERSION || require('../../package.json').version,
  74. list: listTemplate.join(',' + endOfLine)
  75. });
  76. fs.writeFileSync(OUTPUT_PATH, template);
  77. console.log('[build entry] DONE:', OUTPUT_PATH);