---
# System prepended metadata

title: 在Vue-CLI中引入normalize.css

---

# 在Vue-CLI中引入normalize.css

#### css-loader & style-loader
首先，先確認是否有安裝css-loader和style-loader
若沒有的話，請先安裝：
``` shell=
npm install css-loader style-loader
or
yarn add css-loader style-loader
```

#### 安裝normalize.css
再來在專案裡安裝normalize.css：
``` shell=
npm install --save normalize.css 
or
yarn add normalize.css
```

#### 引入main.js
``` js=
import 'normalize-css/normalize.css'
```
> 提醒(1):
> 不知道為何網路上很多文章都寫是'normalize.css/normalize.css'
資料夾名稱錯誤，導致一直報錯，後來直接去node_modules找，才發現資料夾名稱是normalize-css，這邊一定要多注意。
> 提醒(2):
> 引入normalize-css的位置一定要在最上面，否則可能會把其他css蓋掉