From 7dcdfe2c9a448575be8d6a624512d16f7f6fbb10 Mon Sep 17 00:00:00 2001
From: surunzi <redhoodsu@tencent.com>
Date: Tue, 7 Jan 2020 18:30:29 +0800
Subject: [PATCH] chore: reduce size

---
 script/webpack.base.js |  2 +-
 src/lib/JsonViewer.js  | 14 +++++---------
 src/lib/ObjViewer.js   | 14 +++++---------
 src/lib/evalCss.js     |  1 +
 4 files changed, 12 insertions(+), 19 deletions(-)

diff --git a/script/webpack.base.js b/script/webpack.base.js
index cd4e39c..c809b6f 100644
--- a/script/webpack.base.js
+++ b/script/webpack.base.js
@@ -16,7 +16,7 @@ const postcssLoader = {
   options: {
     plugins: [
       prefixer({
-        prefix: 'eruda-'
+        prefix: '_'
       }),
       autoprefixer,
       clean()
diff --git a/src/lib/JsonViewer.js b/src/lib/JsonViewer.js
index beb175a..5a046d3 100644
--- a/src/lib/JsonViewer.js
+++ b/src/lib/JsonViewer.js
@@ -98,15 +98,11 @@ export default class JsonViewer extends Emitter {
 
       let obj = `<li ${
         firstLevel ? 'data-first-level="true"' : ''
-      } ${'data-object-id="' + (referenceId || id) + '"'}>
-                            <span class="${
-                              firstLevel ? '' : 'eruda-expanded eruda-collapsed'
-                            }"></span>
-                            ${wrapKey(key)}
-                            <span class="eruda-open">${
-                              firstLevel ? '' : objAbstract
-                            }</span>
-                            <ul class="eruda-${type}" ${
+      } ${'data-object-id="' + (referenceId || id) + '"'}><span class="${
+        firstLevel ? '' : 'eruda-expanded eruda-collapsed'
+      }"></span>${wrapKey(key)}<span class="eruda-open">${
+        firstLevel ? '' : objAbstract
+      }</span><ul class="eruda-${type}" ${
         firstLevel ? '' : 'style="display:none"'
       }>`
 
diff --git a/src/lib/ObjViewer.js b/src/lib/ObjViewer.js
index de48676..3fe1992 100644
--- a/src/lib/ObjViewer.js
+++ b/src/lib/ObjViewer.js
@@ -225,15 +225,11 @@ export default class ObjViewer extends Emitter {
 
       let obj = `<li ${
         firstLevel ? 'data-first-level="true"' : ''
-      } ${'data-object-id="' + id + '"'}>
-                            <span class="${
-                              firstLevel ? '' : 'eruda-expanded eruda-collapsed'
-                            }"></span>
-                            ${wrapKey(key)}
-                            <span class="eruda-open">${
-                              firstLevel ? '' : objAbstract
-                            }</span>
-                            <ul class="eruda-${t}" ${
+      } ${'data-object-id="' + id + '"'}><span class="${
+        firstLevel ? '' : 'eruda-expanded eruda-collapsed'
+      }"></span>${wrapKey(key)}<span class="eruda-open">${
+        firstLevel ? '' : objAbstract
+      }</span><ul class="eruda-${t}" ${
         firstLevel ? '' : 'style="display:none"'
       }>`
 
diff --git a/src/lib/evalCss.js b/src/lib/evalCss.js
index 49b64ee..72e6a4d 100644
--- a/src/lib/evalCss.js
+++ b/src/lib/evalCss.js
@@ -62,6 +62,7 @@ function resetStyles() {
 
 function resetStyle({ css, el }) {
   css = css.replace(/(\d+)px/g, ($0, $1) => +$1 * scale + 'px')
+  css = css.replace(/_/g, 'eruda-')
   const _keys = keys(themes.Light)
   each(_keys, key => {
     css = css.replace(