github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

auto generate index.css in gen-cssfile.js

pull/2870/head
callmewhy 2017-02-16 17:45:19 +08:00 committed by 杨奕
parent 691c6709ef
commit d011d309f0
2 changed files with 52 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
build/bin/gen-cssfile.js
View File

@ -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);
});

71
packages/theme-default/src/index.css
View File

@ -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 "./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 "./select.css";
@import "./option.css";
@import "./option-group.css";
@import "./button.css";
@import "./button-group.css";
@import "./table.css";
@import "./table-column.css";
@import "./date-picker.css";
@import "./time-select.css";
@import "./time-picker.css";
@import "./popover.css";
@import "./tooltip.css";
@import "./message-box.css";
@import "./breadcrumb.css";
@import "./breadcrumb-item.css";
@import "./form.css";
@import "./form-item.css";
@import "./tabs.css";
@import "./tab-pane.css";
@import "./tag.css";
@import "./tree.css";
@import "./alert.css";
@import "./notification.css";
@import "./slider.css";
@import "./checkbox.css";
@import "./radio.css";
@import "./switch.css";
@import "./dropdown.css";
@import "./dropdown-menu.css";
@import "./loading.css";
@import "./dialog.css";
@import "./table.css";
@import "./table-column.css";
@import "./pagination.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 "./form.css";
@import "./tabs.css";
@import "./progress.css";
@import "./tree.css";
@import "./menu.css";
@import "./upload.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";