浅谈vue.js导入css库(elementUi)的方法


Posted in Javascript onMarch 09, 2018

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)的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
禁止ajax缓存获取程序最新数据的方法
Nov 19 Javascript
JavaScript实现存储HTML字符串示例
Apr 21 Javascript
JS中捕获console.log()输出的方法
Apr 16 Javascript
jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
Dec 23 Javascript
基于BootStrap环境写jQuery tabs插件
Jul 12 Javascript
Javascript 函数的四种调用模式
Nov 05 Javascript
JavaScript实现按键精灵的原理分析
Feb 21 Javascript
Angular4学习笔记router的简单使用
Mar 30 Javascript
js中时间格式化的几种方法
Jul 22 Javascript
vue-router实现嵌套路由的讲解
Jan 19 Javascript
详解js中let与var声明变量的区别
Apr 05 Javascript
js实现烟花特效
Mar 02 Javascript
使用use注册Vue全局组件和全局指令的方法
Mar 08 #Javascript
vue注册组件的几种方式总结
Mar 08 #Javascript
Vue.js自定义事件的表单输入组件方法
Mar 08 #Javascript
layui之select的option叠加问题的解决方法
Mar 08 #Javascript
vue2.0 axios跨域并渲染的问题解决方法
Mar 08 #Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
Mar 08 #Javascript
Vue.js实现图片的随意拖动方法
Mar 08 #Javascript
You might like
PHP简单创建压缩图的方法
2016/08/24 PHP
Jquery Select操作方法集合脚本之家特别版
2010/05/17 Javascript
JS解决url传值出现中文乱码的另类办法
2013/04/08 Javascript
jquery实现增加删除行的方法
2015/02/03 Javascript
跟我学习javascript的prototype使用注意事项
2015/11/17 Javascript
jquery判断复选框选中状态以及区分attr和prop
2015/12/18 Javascript
简单的js计算器实现
2016/10/26 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
2017/01/19 Javascript
Node.js利用js-xlsx处理Excel文件的方法详解
2017/07/05 Javascript
Vue中的数据监听和数据交互案例解析
2017/07/12 Javascript
angularJs复选框checkbox选中进行ng-show显示隐藏的方法
2018/10/08 Javascript
vue-cli3全面配置详解
2018/11/14 Javascript
js实现时间日期校验
2020/05/26 Javascript
vue-cli3配置favicon.ico和title的流程
2020/10/27 Javascript
[01:11]辉夜杯战队访谈宣传片—CDEC.Y
2015/12/26 DOTA
初步解析Python下的多进程编程
2015/04/28 Python
Python中read()、readline()和readlines()三者间的区别和用法
2017/07/30 Python
Python搭建FTP服务器的方法示例
2018/01/19 Python
详解Python字符串切片
2019/05/20 Python
pygame编写音乐播放器的实现代码示例
2019/11/19 Python
python判断无向图环是否存在的示例
2019/11/22 Python
python 微信好友特征数据分析及可视化
2020/01/07 Python
pytorch梯度剪裁方式
2020/02/04 Python
pyecharts动态轨迹图的实现示例
2020/04/17 Python
k-means 聚类算法与Python实现代码
2020/06/01 Python
Python类的继承super相关原理解析
2020/10/22 Python
selenium+超级鹰实现模拟登录12306
2021/01/24 Python
在浏览器端如何得到服务器端响应的XML数据
2012/11/24 面试题
为什么要使用servlet
2016/01/17 面试题
会计岗位职责模板
2014/03/12 职场文书
公共机构节能宣传周活动总结
2014/07/09 职场文书
2014年学校工作总结
2014/11/20 职场文书
2015年七夕情人节感言
2015/08/03 职场文书
CSS3 制作的悬停缩放特效
2021/04/13 HTML / CSS
如何在python中实现ECDSA你知道吗
2021/11/23 Python
CSS三大特性继承性、层叠性和优先级详解
2022/01/18 HTML / CSS