您的位置：首页 > Web前端 > Vue.js

vue2.0项目中引入element-UI组件【试了好多次终于找到正确的方法了】

2018-12-21 16:59 776 查看

创建一个完整的vue2.0项目
把端口号改下（因为不改的话后续会报错说端口号被占用）
使用命令【npm install style-loader】【npm install css-loader 】【npm install file-loader】【npm install element-ui】
项目里找到 build ---> webpaack.base.conf.js 找到图中表示的地方，在后面加上下面的两段代码。代码如下：
```
[code]{
test: /\\\\\\\\.css$/,
loader: "style!css"
},
{
test: /\\\\\\\\.(eot|woff|woff2|ttf)([\\\\\\\\?]?.*)$/,
loader: "file"
}
```

项目里找到src --> main.js

页面代码改成这样其实就是加入三行代码

[code]import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(Element)

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

vue2.0项目中引入element-UI组件【试了好多次 终于找到正确的方法了 】