solve file size problem

ts2do · Jul 20, 2016 · ff88984 · ff88984
1 parent cee3b83
commit ff88984
Show file tree

Hide file tree

Showing 4 changed files with 2,292 additions and 4,622 deletions.
diff --git a/bin/generate-demo-data.js b/bin/generate-demo-data.js
@@ -28,8 +28,7 @@ function reduceIcons(file, cb) { // removing prefix in filename
   icons[type].icons = icons[type].icons || [];
   icons[type].icons.push({
     type,
-    name,
-    id: `si-${type}-${name}`
+    name
   });
   cb(null, file);
 }

diff --git a/demo/data/icons.json b/demo/data/icons.json
diff --git a/demo/index.demo.js b/demo/index.demo.js
@@ -10,34 +10,34 @@ const $types = $('#types');
 const $icons = $('#icons');
 const $loading = $('#loading');
 
-lang.each(iconTypes, (type) => {
-  const sprite = require(`raw!../dist/sprite/symbol/${type}.svg`);
-  $body.prepend(sprite);
-});
-
 const baseIconsClass = 'tab-content';
 
 function renderIconsByType(type) {
   const meta = icons[type];
   if (!meta.rendered) {
     $loading[0].setAttribute('style', 'display: block;');
-    setTimeout(() => {
-      const $type = $(`#${type}`);
-      lang.each(icons[type].icons, (icon) => {
-        $type.append(`<figure class="si-figure">
+    $.get(`../dist/sprite/symbol/${type}.svg`, (res) => {
+      $body.prepend(new XMLSerializer().serializeToString(res));
+      setTimeout(() => {
+        const $type = $(`#${type}`);
+        lang.each(icons[type].icons, (icon) => {
+          icon.id = `si-${icon.type}-${icon.name}`;
+          $type.append(`<figure class="si-figure">
           <div id="figure-${icon.id}"></div>
           <figcaption>${icon.type}-${icon.name}</figcaption>
         </figure>`);
-        const iconType = `${icon.type}-${icon.name}`;
-        $(`#figure-${icon.id}`).append(
-          `<div class="si-wrapper ${icon.id}">
+          const iconType = `${icon.type}-${icon.name}`;
+          $(`#figure-${icon.id}`).append(
+            `<div class="si-wrapper ${icon.id}">
             <svg class="si"><use xlink:href="#${icon.id}"></use></svg>
           </div>`
-        );
-      });
-      meta.rendered = true;
-      $loading.hide();
-    }, 10);
+          );
+        });
+        meta.rendered = true;
+        $loading.hide();
+      }, 10);
+    });
+
   }
 }