有贊vant組件庫(kù)在vue-cli創(chuàng)建項(xiàng)目中自定義全局樣式問(wèn)題(修改var.css)

前情提要

• 設(shè)計(jì)稿樣式和vant樣式在顏色上有差異
• 所以需要重定義vant的默認(rèn)樣式

目前做法

• 文件目錄結(jié)構(gòu)
  
• var.css內(nèi)容(還沒(méi)進(jìn)行變量的定義,現(xiàn)在是直接把vant的代碼copy過(guò)來(lái)的,想先測(cè)試下)
  
• base.css內(nèi)容
  
• index.css內(nèi)容
  

目前的問(wèn)題

下面說(shuō)的"css預(yù)處理語(yǔ)法"我也不太確定是什么,有點(diǎn)像sass/less,但是是css后綴名

我不熟悉less,只會(huì)點(diǎn)sass/stylus

1. 由于文件是css格式的,但是似乎寫(xiě)的是"css預(yù)處理語(yǔ)法",所以在vscode里就飄了一片紅(比如,var.css)
2. 因?yàn)槭莄ss后綴,所以在webpack打包時(shí)不會(huì)用sass-loader之類(lèi)的css預(yù)處理loader進(jìn)行加載
3. 最后導(dǎo)致樣式不正常

所以目前我想問(wèn)的問(wèn)題是

1. vant在vant\packages\vant-css\src里的css文件用的是什么預(yù)處理語(yǔ)法?less?sass?
2. 如何配置webpack才能在main.js里對(duì)./assets/css/index.css進(jìn)行import的時(shí)候能正常編譯出css代碼