Vite
本话题发布Vite相关的问答文章和技术分享，将持续更新，为您推荐了14篇问答，访问即可查看更多精彩内容。
-
2
回答
30浏览
Vite里怎么正确引入全局CSS变量？
我在用Vite+React开发项目，想在:root里定义一些CSS变量，然后在组件里用，但发现根本读不到。 我把变量写在src/styles/variables.css里了，也在main.jsx里im...
-
1
回答
31浏览
Vite 中如何正确引入静态图片资源？
我在 Vite 项目里想用 import 引入一张本地图片，但一直报错说找不到模块。明明路径是对的，放在了 public 目录下，也试过放 src/assets 里，还是不行。 比如我这样写： imp...
-
1
回答
42浏览
Vite 启动时为什么总在重复预构建依赖？
我最近用 Vite + React 开发项目，每次重新启动 dev server 的时候，控制台都会花好几秒重新预构建一堆依赖，比如 react、lodash 这些。明明没改过 node_module...
-
1
回答
33浏览
Vite迁移后为啥import.meta.env取不到环境变量？
我从Webpack迁移到Vite后，发现原来能用的process.env没了，改用import.meta.env却总是undefined，明明在.env文件里定义了变量。 我试过加VITE_前缀，也重...
-
2
回答
25浏览
Vite 中如何正确处理 CSS 的 @import 路径问题？
我在 Vite 项目里用 @import 引入本地 CSS 文件时，路径老是报错，明明文件存在却找不到。 比如我这样写： @import './variables.css'; @import './m...
-
2
回答
50浏览
Vite 打包后首屏加载太慢，怎么优化？
我用 Vite + Vue3 开发了一个项目，本地开发时很快，但 build 之后首屏加载特别慢，Lighthouse 评分很低。我已经试过开启 brotli 压缩和分包，但效果不明显。 是不是我的组...
-
2
回答
54浏览
Vite多页应用中如何正确配置不同页面的入口JS文件？
我用 Vite 搭建一个多页项目，每个页面都有自己的 JS 入口，但打包后发现只有 index.html 的脚本能正常加载，其他页面比如 about.html 引用的 about.js 找不到。我在 ...
-
1
回答
25浏览
Vite开发时代理请求到后端，但刷新页面后请求地址变成绝对路径怎么办？
我在用Vite搭建React项目时配置了代理，开发环境访问/api/*都会代理到localhost:3000。但当我直接访问带有路由参数的页面（比如/user/123），刷新后发起的请求变成了http...
-
1
回答
46浏览
Vite项目使用Sass时提示”Cannot find module ‘sass'”怎么办？
我在Vite项目里新建了一个.sass文件，写了一些嵌套样式后保存时报错，控制台显示：Cannot find module 'sass'。之前按照文档安装了vite-plugin-sass，并在vit...
-
2
回答
34浏览
Vite+esbuild构建后代码没压缩？配置哪里出问题了？
最近在项目里集成esbuild做代码压缩，但生产构建出来的JS文件完全没变化。按文档配置了esbuild插件，还尝试过手动设置minify选项，但控制台一直提示warning UNKNW: Unkno...
-
2
回答
93浏览
迁移Vite项目到4.x后，为什么插件报错说配置参数无效？
最近在把项目从Vite2迁移到4.x版本，按照迁移指南升级了依赖，但运行时提示@vitejs/plugin-react插件的配置参数jsxImportSource无效。明明迁移文档里说这个参数还存在啊...
-
2
回答
51浏览
Vite中用glob导入组件后热更新不生效怎么办？
大家好，我在用Vite开发Vue组件时遇到个奇怪的问题。按照文档用glob导入所有组件后，修改组件内容保存时页面没变化，只能手动刷新才生效。 代码是这样写的： import { createApp }...
-
2
回答
97浏览
Vite SSR预渲染时报错’window is not defined’怎么办？
在用Vite做Vue3的SSR项目时，运行预渲染命令就报错'window is not defined'，但正常渲染页面又没问题。我的组件里用到了window.location，代码是这样的： // ...
-
2
回答
171浏览
Vite项目中图片路径在打包后显示404怎么办？
我在开发环境用能正常显示图片，但打包后访问根路径时图片404了。试过改成还是不行，public目录配置也没问题，这是哪里出错了？ 项目结构是这样的：src/里放代码，public/放静态资源。打包生成...
