vue中如何引入css文件


兩種方式引入css文件,一種是直接在main.js中引入(也可以在其他的.vue文件中的<script></script>標簽中),即下面這種寫法:

import 'element-ui/lib/theme-default/index.css'

這種寫法適用於此css文件存在於項目中,不適用於通過網址訪問的方式引入,會報錯。偶試着引入Font Awesome,結果報錯:

1
import  "http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"

 

而直接在組件中引入卻可以,組件中引入也比較簡單:

<style>
@import "../css/style.css";
@import "//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
</style>

引入語句后面最好加上分號,只引用一個還好,引用多個不加分號會報錯。

當然還有使用require()引入的,暫時比較習慣使用import。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM