浅谈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 相关文章推荐
JAVASCRIPT对象及属性
Feb 13 Javascript
js获取图片长和宽度的代码
Nov 24 Javascript
页面定时刷新(1秒刷新一次)
Nov 22 Javascript
Javascript 学习笔记之 对象篇(二) : 原型对象
Jun 24 Javascript
javascript如何操作HTML下拉列表标签
Aug 20 Javascript
10个很棒的jQuery代码片段
Sep 24 Javascript
详谈JS中实现种子随机数及作用
Jul 19 Javascript
有关文件上传 非ajax提交 得到后台数据问题
Oct 12 Javascript
javascript中mouseenter与mouseover的异同
Jun 06 Javascript
JavaScript实现简单动态进度条效果
Apr 06 Javascript
浅谈JavaScript 代码整洁之道
Oct 23 Javascript
js中复选框的取值及赋值示例详解
Oct 18 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 写文本日志实现代码
2010/05/18 PHP
php 判断是否是中文/英文/数字示例代码
2013/09/30 PHP
php对称加密算法示例
2014/05/07 PHP
PHP获取QQ达人QQ信息的方法
2015/03/05 PHP
PHP设计模式之迭代器模式
2016/06/17 PHP
关于PHP中字符串与多进制转换函数的实例代码
2016/11/03 PHP
laravel使用数据库测试注意事项
2020/04/10 PHP
javascript学习随笔(使用window和frame)的技巧
2007/03/08 Javascript
JS获取scrollHeight问题想到的标准问题
2007/05/27 Javascript
JS 操作Array数组的方法及属性实例解析
2014/01/08 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
2014/08/22 Javascript
JavaScript中的数组操作介绍
2014/12/30 Javascript
js实现星星打分效果的方法
2020/07/05 Javascript
Javascript 实现计算器时间功能详解及实例(二)
2017/01/08 Javascript
js如何获取网页所有图片
2017/05/12 Javascript
JS实现合并json对象的方法
2017/10/10 Javascript
详解使用webpack构建多页面应用
2017/12/21 Javascript
JavaScript模板引擎应用场景及实现原理详解
2018/12/14 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
2019/05/06 Javascript
vue接口请求加密实例
2020/08/11 Javascript
详解python函数传参是传值还是传引用
2018/01/16 Python
解决Pandas to_json()中文乱码,转化为json数组的问题
2018/05/10 Python
python字符串常用方法
2018/06/14 Python
kafka-python批量发送数据的实例
2018/12/27 Python
python 命名规范知识点汇总
2020/02/14 Python
Python中的sys.stdout.write实现打印刷新功能
2020/02/21 Python
使用Python下载抖音各大V视频的思路详解
2021/02/06 Python
Dr.Jart+美国官网:韩国药妆品牌
2019/01/18 全球购物
计算机专业大学生的自我评价
2013/11/14 职场文书
小学生自我评价100字(15篇)
2014/09/18 职场文书
死者家属慰问信
2015/03/24 职场文书
2019入党申请书格式
2019/06/25 职场文书
分享15个Webpack实用的插件!!!
2021/03/31 Javascript
Python人工智能之混合高斯模型运动目标检测详解分析
2021/11/07 Python
Oracle数据库中通用的函数实例详解
2022/03/25 Oracle
Java 死锁解决方案
2022/05/11 Java/Android