vue.js导入css库(elementUi)的方法
2017-01-22 17:03
381 查看
1.安装以下模块,让webpack可以解析css文件
2.安装elementUi模块
3.在webpack.base.conf.js中添加配置
4.然后在 main.js 引入并注册
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的使用
- vue.js将unix时间戳转换为自定义时间格式
- 基于vue2.0+正则表达式编写的插件
- Vue.js 父子组件通讯
- Vue.js学习笔记(一)
- 基于vue构建的spa项目总结(一)
- vue.js
- 怎么给vue.js加判断
- vue.js学习笔记(二)--指令的使用
- 4、vue.js的使用
- vue.js 单页面应用spa (single page application)
- vue请求数据
- Vue多种方法实现表头、首列固定
- vue.js学习笔记(一)安装及项目的创建和运行
- vue.js 入门案例 my todos
- vue.js 开发环境搭建最简单攻略
- Vue.js实现文章评论和回复评论功能
- 用Vue实现timepicker
- 用vue-router实现二级菜单内容的转换
- 用Vue.js实现一个简单的搜索框