Vite 中如何正确配置 Sass 支持？
我用 Vite 搭建了一个 Vue 项目，想用 Sass 写样式，但一引入 .scss 文件就报错。明明已经装了 sass 包，是不是还要改配置？
我试过直接在组件里写 @import './style.scss'，结果控制台提示“Failed to resolve import”，看起来 Vite 根本没识别 scss 文件。
package.json 里已经加了：
{
"devDependencies": {
"sass": "^1.70.0"
}
}还需要在 vite.config.js 里额外配置什么吗？还是说我的导入方式有问题？
- 2
回答
118浏览
为什么切换到Vite后Sass配置不生效？Webpack和Vite的CSS处理配置有何不同？
我之前用Webpack配置了Sass，现在迁移到Vite后样式文件报错说找不到变量，但代码明明没改啊。之前在vue.config.js里通过chainWebpack添加了sass-loader，现在换...
- 1
回答
55浏览
Vite项目使用Sass时提示”Cannot find module ‘sass'”怎么办？
我在Vite项目里新建了一个.sass文件，写了一些嵌套样式后保存时报错，控制台显示：Cannot find module 'sass'。之前按照文档安装了vite-plugin-sass，并在vit...
- 2
回答
86浏览
为什么Vite处理Sass比Webpack慢那么多？
我在给旧项目迁移到Vite时发现奇怪的现象，同样的Sass文件用Vite构建反而比原来的Webpack更卡顿。比如这个带变量和嵌套的CSS： :root { --primary: #3498db; -...
- 2
回答
43浏览
Vite打包时如何正确配置Rollup排除node_modules中的特定包？
我在用 Vite 构建 Vue3 项目，想通过 Rollup 配置把某个第三方库（比如 lodash-es）从打包结果中排除，但试了几次都没成功，build 后还是被打包进去了。 我查了文档，在 vi...
- 2
回答
67浏览
Vite 中如何正确配置代理解决本地开发跨域问题？
我在用 Vite 开发前端项目时，请求后端接口一直报跨域错误。本地启动的是 http://localhost:5173，而后端 API 地址是 http://localhost:3000/api。我按...
- 1
回答
37浏览
Vite配置SSR时如何正确处理客户端和服务器端的模块分离？
我在用 Vite 搭建 SSR 项目时，发现有些模块只能在客户端运行（比如用到 window 对象），但构建时服务端也会尝试打包这些代码，导致报错。我试过用 import.meta.env.SSR 判...
- 1
回答
66浏览
Vite 中如何正确配置代理解决跨域问题？
我在本地开发时请求后端接口总是遇到跨域，试了在 vite.config.js 里加 proxy，但好像没生效，还是报 CORS 错误。 我这样配的： export default defineConf...
- 2
回答
71浏览
Vite多页应用中如何正确配置不同页面的入口JS文件？
我用 Vite 搭建一个多页项目，每个页面都有自己的 JS 入口，但打包后发现只有 index.html 的脚本能正常加载，其他页面比如 about.html 引用的 about.js 找不到。我在 ...
- 2
回答
116浏览
Vite项目中使用Sass变量时报错，该怎么解决？
我在React组件里用Sass写了一个按钮样式，定义了$primary-color变量，但页面显示时控制台报错说Undefined variable。 代码是这样的：import './bu...
- 2
回答
85浏览
Vite项目中Sass变量在Vue组件里失效怎么办？
我在用Vite+Vue3开发时，按照文档在组件style标签里写了lang="scss"，但定义的$primary-color变量一直报未识别的标识符错误，控制台提示"undefined variab...
检查下你的路径对不对，还有在 Vue 组件里应该用