在vue2.x项目中怎么引入Element UI

第一步：进入项目目录下，打开git bsah ，安装elementUI并保存到package.json：

$ npm install element-ui -S

    安装成功之后可以在package.json文件下的dependencies看到"element-ui": "^2.3.3"

第二步：在main.js入口文件中引入elementUI相关文件

    方法一：整体引入

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

    方法二：按需引入：

        需要借助babel-plugin-component ,下载:   npm install babel-plugin-component -D

　　   接着修改.babelrc文件，新增"libraryName": ["element-ui"]：

然后在main.js中：

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

有些项目里该有的模块已经安装好了，那么此时就可以使用elementUI了，但如果你发现使用elementUI的时候报错了：can not find module css-loader······can not find module file-loader什么的

那就需要下载三个模块了：npm i css-loader -D

                                         npm i file-loader -D

                                         npm i style-loader -D

安装好了之后，package.json增加内容如下：

还需要配置一下webpack.base.conf文件，新增内容如下：

{     test: /\.css$/,     loader: "style-loader!css-loader" }

至此，ok！