淺談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)的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
基于uniapp+vue3自定義增強版table表格組件「兼容H5+小程序+App端」
uv3-table:一款基于uniapp+vue3跨端自定義手機端增強版表格組件,支持固定表頭/列、邊框、斑馬紋、單選/多選,自定義表頭/表體插槽、左右固定列陰影高亮顯示,支持編譯兼容H5+小程序端+App端,H5+小程序+App端,多端運行一致2024-05-05vee-validate vue 2.0自定義表單驗證的實例
今天小編就為大家分享一篇vee-validate vue 2.0自定義表單驗證的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08Vue項目配置、切換主題顏色詳細教程(mixin+scss方式,簡單高效)
這篇文章主要給大家介紹了關于Vue項目配置、切換主題顏色(mixin+scss方式)的相關資料,根據預設的配色方案,在前端實現動態(tài)切換系統(tǒng)主題顏色,文中通過代碼示例介紹的非常詳細,需要的朋友可以參考下2023-11-11vue最強table vxe-table 虛擬滾動列表 前端導出問題分析
最近遇到個問題,后臺一次性返回2萬條列表數據并且需求要求所有數據必須全部展示,不能做假分頁,怎么操作呢,下面通過本文介紹下vue最強table vxe-table 虛擬滾動列表 前端導出問題,感興趣的朋友一起看看吧2023-10-10淺談Vue中的this.$store.state.xx.xx
這篇文章主要介紹了Vue中的this.$store.state.xx.xx用法,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2021-09-09