SvelteKit中使用vitePreprocess处理SCSS时提示sass依赖未找到
解决SvelteKit中vitePreprocess处理SCSS提示"sass依赖未找到"的问题
- 原因很明确:vitePreprocess只是提供了与SCSS等预处理器的集成能力,但核心编译所需的
sass包并没有被SvelteKit默认安装。官方文档里的“默认可处理”指的是框架支持这种预处理语法,而非自动帮你装上编译依赖。 - 解决方法直接安装
sass开发依赖即可,根据你的包管理器选择对应命令:- npm:
npm install -D sass - pnpm:
pnpm add -D sass - yarn:
yarn add -D sass
- npm:
- 安装完成后重启开发服务器,组件中
<style lang="scss">的代码就能正常编译了。 - 补充:如果用Less或Stylus,也需要手动安装对应的
less或stylus包,vitePreprocess只负责对接,不内置这些预处理器的核心编译工具。
内容的提问来源于stack exchange,提问作者Francesco
相关产品推荐
相关产品推荐

