2019獨角獸企業重金招聘Python工程師標準>>>

（3）新增sass

0 引言

這裡先把樣式新增進來，考慮後續的介面樣式佈局等都會用到這個。

1 複製檔案

在/src/assets目錄下新建scss資料夾，將_base.scss、_normalize.scss、_variables和index.scss四個檔案複製到scss資料夾內。

• index.scss：它引用了其他三個樣式檔案，所以在main.js中只需要引入它即可。
• _base.scss：所有全域性的樣式都寫在這裡
• _normalize.scss：A modern alternative to CSS resets。 來自github.com/necolas/normalize.css
• _variables：站點主色配置（這裡已經把$--color-primary: #026A52;配置成與element-ui主題一樣的顏色了）

2 在main.js中引用

在main.js中新增下面一行：

import '@/assets/scss/index.scss'

3 新增sass-loader和node-sass

新增依賴：

cnpm install --save sass-loader
cnpm install --save node-sass

4 疑問

經過以上3步，專案已經能夠執行，不報錯了。可是根據網上查詢的其他資料，還需要在webpack中配置sass-loader，而在我這裡沒有配置已經可以了。原專案中也沒有配置sass-loader

轉載於:https://my.oschina.net/neumeng/blog/2248548