vue.js导入css库(elementUi) 浅谈vue.js导入css库(elementUi)的方法
xiejunna 人气:2想了解浅谈vue.js导入css库(elementUi)的方法的相关内容吗,xiejunna在本文为您仔细讲解vue.js导入css库(elementUi)的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:vue.js,导入css,下面大家一起来学习吧。
1.安装以下模块,让webpack可以解析css文件
cnpm install style-loader --save-dev cnpm install css-loader --save-dev cnpm install file-loader --save-dev
2.安装elementUi模块
cnpm install element-ui@next -S
3.在webpack.base.conf.js中添加配置
{ test: /\\\\\\\\.css$/, loader: "style!css" }, { test: /\\\\\\\\.(eot|woff|woff2|ttf)([\\\\\\\\?]?.*)$/, loader: "file" }
4.然后在 main.js 引入并注册
import Element from 'element-ui' import 'element-ui/lib/theme-default/index.css' Vue.use(Element)
以上这篇浅谈vue.js导入css库(elementUi)的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
加载全部内容