<上一篇 | [英語原文]>在 Vue 中,我們可以使用 import 語句來引入 CSS 樣式表。但是,由于 Vue 的特殊性質,我們需要注意一些路徑的問題。
首先,我們需要把樣式文件放在 src/assets/css 目錄下。然后,在我們的組件文件中引入樣式,可以寫為:
```javascript
import '@/assets/css/style.css'
```
注意,這里的路徑寫法使用了 "@/",表示相對于 src 目錄。也可以使用 "../../../" 或者其他相對路徑的寫法,但是不太方便。同時,如果我們需要用到第三方樣式庫,比如 bootstrap,我們需要在 index.html 文件中引入它們的樣式文件。
```html```
同樣的道理,我們需要注意一下路徑的寫法,需要使用相對于 index.html 文件的路徑。
總之,引入 CSS 樣式表的路徑問題需要我們留意一下,但是只要使用 "@/assets/css" 的寫法,大部分情況下應該是沒問題的。<下一篇>## 注:
- 使用 pre 標簽可以將代碼格式化保存原樣。
- "@/assets" 表示 vue-cli 項目中的路徑別名,可以在 vue.config.js 文件中查看和修改。
上一篇vue引入css打包
下一篇vue2 css添加圖片