浅谈vue.js导入css库(elementUi)的方法
更新时间：2018年03月09日 08:37:54 作者：xiejunna
下面小编就为大家分享一篇浅谈vue.js导入css库(elementUi)的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
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)的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要为大家详细介绍了Vue事件的基本操作，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-02-02
npm install -g @vue/cli安装vue脚手架报错问题(一般都能解决)
这篇文章主要介绍了npm install -g @vue/cli安装vue脚手架报错问题(一般都能解决),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要给大家深入的介绍了关于vue.js中v-if和v-show的相关资料，文中详细介绍两者的共同点和区别，通过图文介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-06-06
Vue中使用 setTimeout() setInterval()函数的问题
这篇文章主要介绍了Vue中使用 setTimeout() setInterval()函数的问题 ,需要的朋友可以参考下2018-09-09
这篇文章主要介绍了vue 翻页组件vue-flip-page，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2020-02-02
VUE是一套前端框架，免除了原生JavaScript中的DOM操作，简化书写。VUE基于MVVM（Model-View_ViewModel）思想，实现数据双向绑定。Vue的核心库只关注图层.响应式数据绑定和组件化开发是其两大特点。2023-01-01
本文将详细介绍Vue路由管理器Vue-router的使用方法详解,需要的朋友可以参考下2020-02-02
javascript中Set、Map、WeakSet、WeakMap区别
这篇文章主要介绍了javascript中Set、Map、WeakSet、WeakMap区别,需要的朋友可以参考下2022-12-12
前端文件导出设置responseType为blob时遇到的问题及解决
这篇文章主要给大家介绍了关于前端文件导出设置responseType为blob时遇到的问题及解决方法,文中通过图文介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-09-09
这篇文章主要给大家介绍了vue懒加载和子组件懒加载有什么区别,Vue懒加载指的是对图片等资源的延迟加载,而子组件懒加载则是指延迟加载组件实例,文中通过代码示例给大家讲解的非常详细,需要的朋友可以参考下2023-12-12
最新评论