vue引入elementCSS样式-前端-E先生的博客
Java
MySQL
大数据
Python
前端
黑科技
大语言模型
    首页 >> 互联网 >> 前端

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)

 

本文来自E先生的博客,如若转载,请注明出处:https://javajz.cn

留言区

联系人:
手   机:
内   容:
验证码:

历史留言

欢迎加Easy的QQ