当前位置: 首页 > 编程笔记 >

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

桂坚
2023-03-14
本文向大家介绍浅谈vue.js导入css库(elementUi)的方法,包括了浅谈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.js组件(二),包括了浅谈Vue.js组件(二)的使用技巧和注意事项,需要的朋友参考一下 插槽(Slot) 定义一个名child子组件,为该子组件添加内容应该在子组件的template中定义,直接在父组件的<child>标签中定义的内容不会被渲染。 在子组件中通过加入<slot>元素占位,便能够渲染父组件中子组件标签中的内容了。 插槽内容 任何模版代码 HTML代码 其他

  • 本文向大家介绍浅谈Linux的库文件,包括了浅谈Linux的库文件的使用技巧和注意事项,需要的朋友参考一下 最近在Linux下使用第三方库Protobuf时,遇到一个问题:可执行程序在运行时报错:“error while loading shared libraries: libprotobuf.so.7: cannot open shared object file: No such file

  • 本文向大家介绍浅谈导入JavaWeb 项目出现的问题,包括了浅谈导入JavaWeb 项目出现的问题的使用技巧和注意事项,需要的朋友参考一下 前言: 环境: windown 10 JDK 1.8 Tomcat 7 eclipse 导入项目 下面错误是出现的问题 解决方法 第一步右击项目名,选择配置 properties 第二步找到 Java Build Path ,选择 Libraies,再选择 A

  • 本文向大家介绍浅谈numpy库的常用基本操作方法,包括了浅谈numpy库的常用基本操作方法的使用技巧和注意事项,需要的朋友参考一下 NumPy数组的维数称为秩(rank),一维数组的秩为1,二维数组的秩为2,以此类推。在NumPy中,每一个线性的数组称为是一个轴(axes),秩其实是描述轴的数量。比如说,二维数组相当于是一个一维数组,而这个一维数组中每个元素又是一个一维数组。所以这个一维数组就是N

  • 本文向大家介绍浅谈Vue.nextTick 的实现方法,包括了浅谈Vue.nextTick 的实现方法的使用技巧和注意事项,需要的朋友参考一下 这是一篇继event loop和MicroTask 后的vue.nextTick API实现的源码解析。 预热,写一个sleep函数 解释下sleep函数 async 函数进行await PromiseFn()时函数执行是暂停的,我们也知道现在这个Prom

  • 本文向大家介绍浅谈将JNI库打包入jar文件,包括了浅谈将JNI库打包入jar文件的使用技巧和注意事项,需要的朋友参考一下 在Java开发时,我们有时候会接触到很多本地库,这样在对项目打包的时候我们不得不面临一个选择:要么将库文件与包好的jar文件放在一起;要么将库文件包入jar。 将一个不大的项目包成一个jar有诸多发布优势,本次将分享一个将JNI包入jar的方法。 [实现思路] 将JNI库(d