vue引入elementCSS样式-前端-E先生的博客

大语言模型

vue引入elementCSS样式

admin • 2020-09-20 04:22:59 • 前端 • 阅读525

[导读]：有过项目经验的下面这三五句就可以懂详细讲解下面也有哦在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://www.javajz.cn

vue,引入,elementCSS,样式,有过,项目,经验,

打赏

微信扫一扫

admin

如何把修改/更新的项目重新提交到github上面，覆盖掉或者替换新修改的

« 上一篇

Vue上传项目到gitee

下一篇 »

留言区

历史留言

欢迎加Easy的QQ