淺談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)的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

vue +elementui 導入CSV文件的方式

Vue事件的基本操作你知道嗎
這篇文章主要為大家詳細介紹了Vue事件的基本操作，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-02-02
npm install -g @vue/cli安裝vue腳手架報錯問題(一般都能解決)
這篇文章主要介紹了npm install -g @vue/cli安裝vue腳手架報錯問題(一般都能解決),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2023-10-10
深入理解vue.js中的v-if和v-show
這篇文章主要給大家深入的介紹了關于vue.js中v-if和v-show的相關資料，文中詳細介紹兩者的共同點和區(qū)別，通過圖文介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。
2017-06-06
Vue中使用 setTimeout() setInterval()函數(shù)的問題
這篇文章主要介紹了Vue中使用 setTimeout() setInterval()函數(shù)的問題 ,需要的朋友可以參考下
2018-09-09
vue 翻頁組件vue-flip-page效果
這篇文章主要介紹了vue 翻頁組件vue-flip-page，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
2020-02-02
vue快速入門基礎知識教程
VUE是一套前端框架，免除了原生JavaScript中的DOM操作，簡化書寫。VUE基于MVVM（Model-View_ViewModel）思想，實現(xiàn)數(shù)據(jù)雙向綁定。Vue的核心庫只關注圖層.響應式數(shù)據(jù)綁定和組件化開發(fā)是其兩大特點。
2023-01-01
Vue路由管理器Vue-router的使用方法詳解
本文將詳細介紹Vue路由管理器Vue-router的使用方法詳解,需要的朋友可以參考下
2020-02-02
javascript中Set、Map、WeakSet、WeakMap區(qū)別
這篇文章主要介紹了javascript中Set、Map、WeakSet、WeakMap區(qū)別,需要的朋友可以參考下
2022-12-12
前端文件導出設置responseType為blob時遇到的問題及解決
這篇文章主要給大家介紹了關于前端文件導出設置responseType為blob時遇到的問題及解決方法,文中通過圖文介紹的非常詳細,對大家的學習或者工作具有一定的參考借鑒價值,需要的朋友可以參考下
2023-09-09
vue懶加載和子組件懶加載的區(qū)別詳解
這篇文章主要給大家介紹了vue懶加載和子組件懶加載有什么區(qū)別,Vue懶加載指的是對圖片等資源的延遲加載,而子組件懶加載則是指延遲加載組件實例,文中通過代碼示例給大家講解的非常詳細,需要的朋友可以參考下
2023-12-12