Element-UI 我所遇到的一點小問題

今天在自己寫demo 的時候 用到Element-UI , 被一個小問題糾結了一小會，就是安裝element-ui 在使用時 是沒有樣式的，之前的項目可能是可視化創建時直接下載的element-插件 所以有配置，我建的這個demo 是直接 npm i element-ui 安裝 ，發現在使用時Element-ui 的 樣式根本麼有生效，那麼怎麼解決呢，我試了兩種方法如下：

1、在項目中引入 element-ui 的 css 樣式，在你引入Element-ui 的地方就好 main.js 或者自己單獨的配置文件 element.js 最終也是引入到main.js 中 ，按如下引入：

    import 'element-ui/lib/theme-chalk/index.css'

import Vue from 'vue'
import {
    Container,
    Main,
    Header,
    Aside,
    Menu,
    MenuItem,
    Submenu,
    Table,
    TableColumn
} from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(Container)
Vue.use(Main)
Vue.use(Header)
Vue.use(Aside)
Vue.use(Menu)
Vue.use(MenuItem)
Vue.use(Submenu)
Vue.use(Table)
Vue.use(TableColumn)

2、在babel.config.js 中的 plugins 標籤中 添加引入如下：

  plugins: [
        [
            'component',
            {
                libraryName: 'element-ui',
                styleLibraryName: 'theme-chalk'
            }
        ]
    ]

附上Element 的官網 ：https://element.eleme.cn/#/zh-CN/component/installation