Vite 挖坑记录
vite 引入sass依赖包,然后在vite.config.ts配置一下scss,这里就不详细说,不会的自行百度。
运行 yarn dev 项目
浏览器报错:
终端报错:
这时候一脸懵逼的,想着依赖包已经引入,vite.config.ts也配置了,开始以为是版本问题,或者以为是stylelint 样式约束问题。然后捣鼓了半天,再回去确认一遍配置少了 ;
~~o(>_<)o ~~
vite.config.ts 配置:
css: {
preprocessorOptions: {
scss: {
//错误: 配置最后少了 ";"
//additionalData: `@import "@/styles/var.scss"`
//正确:
additionalData: `@import "@/styles/var.scss";`
}
}
},
配置一定要加
;
由于自己的马虎,又给自己挖了个坑。