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";`
}
}
},
配置一定要加
;
文章来源:https://www.toymoban.com/news/detail-604774.html
由于自己的马虎,又给自己挖了个坑。文章来源地址https://www.toymoban.com/news/detail-604774.html
到了这里,关于挖坑记录:vite使用sass 报错:[plugin:vite:css] expected “;“.的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!