refactor: Pretty generate logs

iconfont-cli · Aug 27, 2019 · 78d6cf2 · 78d6cf2
1 parent b8e8b00
commit 78d6cf2
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -48,7 +48,7 @@ cd ios && pod install
 ```json
 {
   "symbol_url": "复制官网提供的JS链接",
-  "safe_dir": "./src/iconfont",
+  "safe_dir": "./src/components/iconfont",
   "trim_icon_prefix": "icon-",
   "default_font_size": 18,
   "use_typescript": false

diff --git a/src/libs/generateComponent.ts b/src/libs/generateComponent.ts
@@ -38,8 +38,6 @@ export const generateComponent = (data: XmlData) => {
       : iconId;
     const componentName = upperFirst(camelCase(iconId));
 
-    console.log(`Generating icon "${colors.green(iconId)}"...`);
-
     names.push(iconIdAfterTrim);
 
     for (const domName of Object.keys(item)) {
@@ -73,9 +71,9 @@ export const generateComponent = (data: XmlData) => {
 
       fs.writeFileSync(path.join(saveDir, componentName + '.jsx'), singleFile);
     }
-  });
 
-  console.log(`Generating all icons in one...`);
+    console.log(`${colors.green('√')} Generated icon "${colors.yellow(iconId)}"`);
+  });
 
   let iconFile: string;
 
@@ -98,7 +96,7 @@ export const generateComponent = (data: XmlData) => {
     fs.writeFileSync(path.join(saveDir, 'Icon.jsx'), iconFile);
   }
 
-  console.log(colors.green('\nDone!\n'));
+  console.log(`\n${colors.green('√')} You will find all icons in dir: ${colors.green(config.safe_dir)}\n`);
 };
 
 const generateCase = (data: XmlData['svg']['symbol'][number], baseIdent: number) => {

diff --git a/src/libs/iconfont.json b/src/libs/iconfont.json
@@ -1,6 +1,6 @@
 {
   "symbol_url": "请参考README.md，复制官网提供的JS链接",
-  "safe_dir": "./src/iconfont",
+  "safe_dir": "./src/components/iconfont",
   "trim_icon_prefix": "icon-",
   "default_font_size": 18,
   "use_typescript": false