深度剖析element-ui之gen-cssfile【四】

gen-cssfile的作用

用来生成主题样式

分析代码

模块

1、fs

文件读取写入模块

2、path

读取路径，NODE内置模块

3、components.json

这个JSON放在element的根目录下，将组件名和组件的入口对应起来，用于批量注册全局组件,在【三】也被引入到

结构

1、声明一个主题变量（Array）

var themes = [
  'theme-chalk'
];

2、判断文件是否存在

function fileExists(filePath) {
  try {
    return fs.statSync(filePath).isFile();
  } catch (err) {
    return false;
  }
}

3、遍历组件KEY批量生成css/scss文件并拼接入口
4、遍历完成后，将拼接好的多个入口写入主文件