Vue项目中Element UI填坑

一、安装ElementUI

npm i element-ui -S

在main.js文件中

    import ElementUI from 'element-ui'
    import 'element-ui/lib/theme-chalk/index.css'
    Vue.use(ElementUI)

这样就可以全局使用element组建了
也可以，按需引入

    import 'element-ui/lib/theme-chalk/index.css'
    import { Button} from 'element-ui'
    Vue.use(Button)

二、运行报错

Module not found: Error: Can't resolve 'element-ui/lib/style.css' in 'C:\Users\Jetty\WebstormProjects\Construction\src'

webstorm中提示安装，但是按他的操作并没有用。

三、填坑
修改.babelrc文件

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

但是如果你跟我之前一样已经用过mint ui了，那就需要这样配置

     "plugins": [
      "transform-vue-jsx",
      "transform-runtime",
      ["component",
        [{
          "libraryName": "mint-ui",
          "style": true
        },
          {
            "libraryName": "element-ui",
            "styleLibraryName": "theme-chalk"
          }]
      ]
    ]

配置完我就可以正常使用了。
四、其他可能
如果还是不行，那就应该是url-loader、style-loader、css-loader的问题。