Electron-egg 中全局引入 ElementUI 组件库完整指南

要在 Electron-egg 中使用 ElementUI 组件库，需要进行以下步骤：

在项目根目录下安装 ElementUI 和其它相关依赖：

npm install element-ui --save
npm install babel-plugin-component --save-dev

修改 '.babelrc' 文件，添加 'element-ui' 的配置：

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": [
    "transform-vue-jsx",
    "transform-runtime",
    ["component", {
      "libraryName": "element-ui",
      "styleLibraryName": "theme-chalk"
    }]
  ]
}

在 'app/web/framework/app.js' 文件中引入 ElementUI：

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

在需要使用 ElementUI 组件的文件中直接引入即可，如：

import { Button } from 'element-ui';

export default {
  components: {
    'el-button': Button
  }
}

这样就可以在 Electron-egg 项目中全局引入 ElementUI 组件库了。