Java
MySQL
Python
大数据
前端
黑科技
    首页 > 互联网 > 前端 > vue引入elementCSS样式

vue引入elementCSS样式

[导读]:有过项目经验的 下面这三五句就可以懂 详细讲解下面也有哦 在main.js里面写入 import ElementUI fromelement-ui importelement-ui/lib/theme-chalk/index.css Vue.use(ElementUI); 1.安装以下模块,让webpack可以解析css文件...
有过项目经验的  下面这三五句就可以懂  详细讲解下面也有哦

  在main.js里面写入
 
  import ElementUI from'element-ui'
 
  import'element-ui/lib/theme-chalk/index.css'
 
  Vue.use(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)

 

本文来自投稿,不代表阿习进阶博客立场,如若转载,请注明出处:https://www.yanxias.com/qianduan/61.html

说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!
点击这里给我发消息