auto generate index.css in gen-cssfile.js

build/bin/gen-cssfile.js

@@ -1,11 +1,11 @@
 var fs = require('fs');
 var path = require('path');
 var Components = require('../../components.json');
-var THEMES = [
+var themes = [
   'theme-default'
 ];
-var BASEPATH = path.resolve(__dirname, '../../packages/');
 Components = Object.keys(Components);
+var basepath = path.resolve(__dirname, '../../packages/');
 
 function fileExists(filePath) {
   try {
@@ -13,15 +13,18 @@ function fileExists(filePath) {
   } catch (err) {
     return false;
   }
-};
+}
 
-THEMES.forEach(function(theme) {
-  Components.forEach(function(key) {
+themes.forEach((theme) => {
+  var indexContent = '@import "./base.css";\n'
+  Components.forEach(function (key) {
     var fileName = key + '.css';
-    var filePath = path.resolve(BASEPATH, theme, 'src', fileName);
+    indexContent += '@import "./' + fileName + '";\n';
+    var filePath = path.resolve(basepath, theme, 'src', fileName);
     if (!fileExists(filePath)) {
       fs.writeFileSync(filePath, '', 'utf8');
       console.log(theme, ' 创建遗漏的 ', fileName, ' 文件');
     }
   });
+  fs.writeFileSync(path.resolve(basepath, theme, 'src', 'index.css'), indexContent);
 });

packages/theme-default/src/index.css

@@ -1,47 +1,62 @@
 @import "./base.css";
-@import "./button.css";
+@import "./pagination.css";
+@import "./dialog.css";
+@import "./autocomplete.css";
+@import "./dropdown.css";
+@import "./dropdown-menu.css";
+@import "./dropdown-item.css";
+@import "./menu.css";
+@import "./submenu.css";
+@import "./menu-item.css";
+@import "./menu-item-group.css";
 @import "./input.css";
-@import "./select.css";
-@import "./alert.css";
-@import "./notification.css";
-@import "./slider.css";
-@import "./checkbox.css";
+@import "./input-number.css";
 @import "./radio.css";
+@import "./radio-group.css";
+@import "./radio-button.css";
+@import "./checkbox.css";
+@import "./checkbox-group.css";
 @import "./switch.css";
-@import "./dropdown.css";
-@import "./dropdown-menu.css";
-@import "./loading.css";
-@import "./dialog.css";
+@import "./select.css";
+@import "./option.css";
+@import "./option-group.css";
+@import "./button.css";
+@import "./button-group.css";
 @import "./table.css";
 @import "./table-column.css";
-@import "./pagination.css";
+@import "./date-picker.css";
+@import "./time-select.css";
+@import "./time-picker.css";
 @import "./popover.css";
 @import "./tooltip.css";
-@import "./autocomplete.css";
-@import "./message.css";
 @import "./message-box.css";
-@import "./date-picker.css";
-@import "./time-picker.css";
-@import "./time-select.css";
-@import "./input-number.css";
-@import "./tag.css";
 @import "./breadcrumb.css";
+@import "./breadcrumb-item.css";
 @import "./form.css";
+@import "./form-item.css";
 @import "./tabs.css";
-@import "./progress.css";
+@import "./tab-pane.css";
+@import "./tag.css";
 @import "./tree.css";
-@import "./menu.css";
-@import "./upload.css";
+@import "./alert.css";
+@import "./notification.css";
+@import "./slider.css";
+@import "./loading.css";
+@import "./icon.css";
 @import "./row.css";
 @import "./col.css";
+@import "./upload.css";
+@import "./progress.css";
 @import "./spinner.css";
+@import "./message.css";
 @import "./badge.css";
 @import "./card.css";
 @import "./rate.css";
 @import "./steps.css";
 @import "./step.css";
-@import "./scrollbar.css";
 @import "./carousel.css";
+@import "./scrollbar.css";
 @import "./carousel-item.css";
 @import "./collapse.css";
+@import "./collapse-item.css";
 @import "./cascader.css";