element ui partial import

babel.config.js

@@ -1,3 +1,12 @@
 module.exports = {
-  presets: ["@vue/app"]
+  presets: ["@vue/app"],
+  plugins: [
+    [
+      "component",
+      {
+        libraryName: "element-ui",
+        styleLibraryName: "~theme"
+      }
+    ]
+  ]
 };

package.json

@@ -59,6 +59,7 @@
     "@vue/eslint-config-prettier": "^4.0.1",
     "@vue/eslint-config-typescript": "^3.2.0",
     "babel-eslint": "^10.0.1",
+    "babel-plugin-component": "^1.1.1",
     "electron": "^3.0.0",
     "element-theme-chalk": "^2.11.1",
     "eslint": "^5.8.0",
@@ -87,7 +88,6 @@
       "darwin"
     ],
     "arches": [
-      "ia32",
       "x64"
     ]
   },

src/main.ts

@@ -3,15 +3,37 @@ import router from "./router";
 import store from "./store";
 import { ipcRenderer } from "electron";
 import { MessageType } from "./tools/enums";
-import ElementUI from "element-ui";
+
+import {
+  Button,
+  Select,
+  Switch,
+  Tooltip,
+  Row,
+  Col,
+  Tabs,
+  TabPane,
+  Option,
+  Input
+} from "element-ui";
+
 import "../theme/index.css";
 import App from "./App.vue";
 import { constants, version } from "./core/constant";
 
 const remote = require("electron").remote;
 const controller = remote.getGlobal("controller");
 
-Vue.use(ElementUI);
+Vue.use(Button);
+Vue.use(Select);
+Vue.use(Tooltip);
+Vue.use(Switch);
+Vue.use(Col);
+Vue.use(Row);
+Vue.use(Tabs);
+Vue.use(TabPane);
+Vue.use(Option);
+Vue.use(Input);
 
 Vue.prototype.$t = controller.getT();
 Vue.prototype.$log = remote.getGlobal("log");