Vite 构建时 sourcemap 有哪几种配置值，hidden 模式适用于什么发布流程？
Vite 构建时 sourcemap 有哪几种配置值，hidden 模式适用于什么发布流程？ 本文先给出可直接复述的结论，再用最小代码说明Vite build sourcemap hidden 配置的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite build sourcemap hidden 配置
面试知识索引 · 分类、标签与搜索
前端工程化面试题，138 道完整答案
前端工程化面试题第 2 页，显示第 51–100 题，共找到 138 道完整解析，可继续按分类、标签与关键词缩小范围。
138筛选结果
52技术分类
178检索标签
3索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
第 2 页
本页面试问题
按稳定语义路径排序
- 0051
- 0052
Vite 的 build.target 决定什么，为什么不直接用 browserslist？
Vite 的 build.target 决定什么，为什么不直接用 browserslist？ 本文先给出可直接复述的结论，再用最小代码说明Vite build.target esbuild 目标浏览器的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite build.target esbuild 目标浏览器 - 0053
Vite 生产构建的 chunk 是如何拆分的，什么时候需要用 manualChunks 手动控制？
Vite 生产构建的 chunk 是如何拆分的，什么时候需要用 manualChunks 手动控制？ 本文先给出可直接复述的结论，再用最小代码说明Vite chunk 拆分 manualChunks的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite chunk 拆分 manualChunks - 0054
Vite 应用构建时 CSS 代码分割如何避免异步 chunk 加载时的样式闪烁（FOUC）？
Vite 应用构建时 CSS 代码分割如何避免异步 chunk 加载时的样式闪烁（FOUC）？ 本文先给出可直接复述的结论，再用最小代码说明Vite CSS 代码分割 FOUC 异步 chunk的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite CSS 代码分割 FOUC 异步 chunk - 0055
Vite 在开发中发现未预构建的新依赖时为什么会整页刷新？
Vite 在开发中发现未预构建的新依赖时为什么会整页刷新？ 本文先给出可直接复述的结论，再用最小代码说明Vite 新依赖预构建 整页刷新的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite 新依赖预构建 整页刷新 - 0056
Vite 中动态 import() 如何实现路由级代码分割，魔法注释式的 chunk 命名是否可用？
Vite 中动态 import() 如何实现路由级代码分割，魔法注释式的 chunk 命名是否可用？ 本文先给出可直接复述的结论，再用最小代码说明Vite 动态 import 代码分割 chunk 命名的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite 动态 import 代码分割 chunk 命名 - 0057
Vite 的 .env、.env.local、.env.[mode] 等文件加载优先级是怎样的？
Vite 的 .env、.env.local、.env.[mode] 等文件加载优先级是怎样的？ 本文先给出可直接复述的结论，再用最小代码说明Vite env 文件加载优先级 mode的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite env 文件加载优先级 mode - 0058
如何为 Vite 的自定义环境变量获得 TypeScript 类型提示？
如何为 Vite 的自定义环境变量获得 TypeScript 类型提示？ 本文先给出可直接复述的结论，再用最小代码说明Vite 环境变量 TypeScript 类型 ImportMetaEnv的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite 环境变量 TypeScript 类型 ImportMetaEnv - 0059
Vite 为什么默认只暴露 VITE_ 前缀的环境变量到客户端代码？
Vite 为什么默认只暴露 VITE_ 前缀的环境变量到客户端代码？ 本文先给出可直接复述的结论，再用最小代码说明Vite 环境变量 VITE_ 前缀 安全的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite 环境变量 VITE_ 前缀 安全 - 0060
Vite 为什么在开发期用 esbuild 而生产构建用 Rollup？
Vite 为什么在开发期用 esbuild 而生产构建用 Rollup？ 本文先给出可直接复述的结论，再用最小代码说明Vite esbuild Rollup 分工的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite esbuild Rollup 分工 - 0061
Vite 的 import.meta.glob 与普通动态 import 相比解决了什么问题，eager 选项改变什么？
Vite 的 import.meta.glob 与普通动态 import 相比解决了什么问题，eager 选项改变什么？ 本文先给出可直接复述的结论，再用最小代码说明Vite import.meta.glob eager 批量导入的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite import.meta.glob eager 批量导入 - 0062
Vite HMR 中 import.meta.hot.accept 的边界如何决定更新冒泡范围？
Vite HMR 中 import.meta.hot.accept 的边界如何决定更新冒泡范围？ 本文先给出可直接复述的结论，再用最小代码说明Vite HMR accept 边界 更新冒泡的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite HMR accept 边界 更新冒泡 - 0063
如何在 Vite 中用 hot.on / hot.send 实现自定义的 HMR 事件通信？
如何在 Vite 中用 hot.on / hot.send 实现自定义的 HMR 事件通信？ 本文先给出可直接复述的结论，再用最小代码说明Vite HMR 自定义事件 hot.on send的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite HMR 自定义事件 hot.on send - 0064
哪些改动会让 Vite HMR 退化为整页刷新（full reload）？
哪些改动会让 Vite HMR 退化为整页刷新（full reload）？ 本文先给出可直接复述的结论，再用最小代码说明Vite HMR 整页刷新 full reload 条件的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite HMR 整页刷新 full reload 条件 - 0065
Vite HMR API 中 hot.invalidate 与 hot.prune 各自用于什么场景？
Vite HMR API 中 hot.invalidate 与 hot.prune 各自用于什么场景？ 本文先给出可直接复述的结论，再用最小代码说明Vite hot invalidate prune 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite hot invalidate prune 区别 - 0066
Vite 中 import.meta.env 的访问是如何在构建期被静态替换的，动态键名为什么取不到值？
Vite 中 import.meta.env 的访问是如何在构建期被静态替换的，动态键名为什么取不到值？ 本文先给出可直接复述的结论，再用最小代码说明Vite import.meta.env 静态替换 动态访问的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite import.meta.env 静态替换 动态访问 - 0067
Vite 默认构建不处理 API polyfill，需要兼容旧浏览器时应该怎么做？
Vite 默认构建不处理 API polyfill，需要兼容旧浏览器时应该怎么做？ 本文先给出可直接复述的结论，再用最小代码说明Vite 旧浏览器兼容 polyfill plugin-legacy的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite 旧浏览器兼容 polyfill plugin-legacy - 0068
Vite 库模式构建时 CSS 是如何处理的，cssCodeSplit 对库产物有什么影响？
Vite 库模式构建时 CSS 是如何处理的，cssCodeSplit 对库产物有什么影响？ 本文先给出可直接复述的结论，再用最小代码说明Vite 库模式 CSS 提取 cssCodeSplit的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite 库模式 CSS 提取 cssCodeSplit - 0069
用 Vite 构建组件库时为什么要把 react 等依赖 external 掉，如何实现？
用 Vite 构建组件库时为什么要把 react 等依赖 external 掉，如何实现？ 本文先给出可直接复述的结论，再用最小代码说明Vite 库模式 external rollupOptions peerDependencies的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite 库模式 external rollupOptions peerDependencies - 0070
Vite 库模式下如何配置多入口与输出格式（es/cjs/umd）？
Vite 库模式下如何配置多入口与输出格式（es/cjs/umd）？ 本文先给出可直接复述的结论，再用最小代码说明Vite 库模式 lib entry formats 多入口的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite 库模式 lib entry formats 多入口 - 0071
配合 Vite 库模式，package.json 的 main/module/exports/types 字段应如何设置？
配合 Vite 库模式，package.json 的 main/module/exports/types 字段应如何设置？ 本文先给出可直接复述的结论，再用最小代码说明Vite 库 package.json exports types 配置的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite 库 package.json exports types 配置 - 0072
为什么在 vite.config.ts 中不能直接访问 .env 变量，loadEnv 的正确用法是什么？
为什么在 vite.config.ts 中不能直接访问 .env 变量，loadEnv 的正确用法是什么？ 本文先给出可直接复述的结论，再用最小代码说明Vite vite.config loadEnv 使用的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite vite.config loadEnv 使用 - 0073
Vite 构建压缩默认用 esbuild，什么时候需要切换到 terser？
Vite 构建压缩默认用 esbuild，什么时候需要切换到 terser？ 本文先给出可直接复述的结论，再用最小代码说明Vite minify esbuild terser 对比的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite minify esbuild terser 对比 - 0074
Vite 中 mode 与 NODE_ENV 有什么区别，--mode staging 会影响什么？
Vite 中 mode 与 NODE_ENV 有什么区别，--mode staging 会影响什么？ 本文先给出可直接复述的结论，再用最小代码说明Vite mode NODE_ENV 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite mode NODE_ENV 区别 - 0075
Vite 构建产物中的 modulepreload 与 modulepreload polyfill 各自起什么作用？
Vite 构建产物中的 modulepreload 与 modulepreload polyfill 各自起什么作用？ 本文先给出可直接复述的结论，再用最小代码说明Vite modulepreload polyfill 预加载的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite modulepreload polyfill 预加载 - 0076
在 monorepo 中，为什么被 link 的本地包在 Vite 里默认不会被预构建，如何修正？
在 monorepo 中，为什么被 link 的本地包在 Vite 里默认不会被预构建，如何修正？ 本文先给出可直接复述的结论，再用最小代码说明Vite monorepo linked package 预构建 commonjs的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite monorepo linked package 预构建 commonjs - 0077
Vite 中 new URL('./img.png', import.meta.url) 这种资源引用方式解决什么问题？
Vite 中 new URL('./img.png', import.meta.url) 这种资源引用方式解决什么问题？ 本文先给出可直接复述的结论，再用最小代码说明Vite new URL import.meta.url 静态资源的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite new URL import.meta.url 静态资源 - 0078
什么场景下需要配置 Vite 的 optimizeDeps.include 和 exclude？
什么场景下需要配置 Vite 的 optimizeDeps.include 和 exclude？ 本文先给出可直接复述的结论，再用最小代码说明Vite optimizeDeps include exclude 场景的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite optimizeDeps include exclude 场景 - 0079
如何让一个 Vite 插件只在开发或只在构建时生效？
如何让一个 Vite 插件只在开发或只在构建时生效？ 本文先给出可直接复述的结论，再用最小代码说明Vite 插件 apply serve build 条件生效的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite 插件 apply serve build 条件生效 - 0080
Vite 插件中 config 钩子与 configResolved 钩子的职责分别是什么？
Vite 插件中 config 钩子与 configResolved 钩子的职责分别是什么？ 本文先给出可直接复述的结论，再用最小代码说明Vite 插件 config configResolved 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite 插件 config configResolved 区别 - 0081
Vite 插件的 enforce: 'pre'/'post' 以及钩子执行顺序如何影响转换结果？
Vite 插件的 enforce: 'pre'/'post' 以及钩子执行顺序如何影响转换结果？ 本文先给出可直接复述的结论，再用最小代码说明Vite 插件 enforce 执行顺序的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite 插件 enforce 执行顺序 - 0082
Vite 插件的 handleHotUpdate 钩子能做什么，与默认 HMR 流程如何配合？
Vite 插件的 handleHotUpdate 钩子能做什么，与默认 HMR 流程如何配合？ 本文先给出可直接复述的结论，再用最小代码说明Vite handleHotUpdate 自定义 HMR的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite handleHotUpdate 自定义 HMR - 0083
Vite 插件与 Rollup 插件的兼容关系是什么，哪些 Rollup 插件不能直接用于开发期？
Vite 插件与 Rollup 插件的兼容关系是什么，哪些 Rollup 插件不能直接用于开发期？ 本文先给出可直接复述的结论，再用最小代码说明Vite 插件 Rollup 插件 兼容性的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite 插件 Rollup 插件 兼容性 - 0084
Vite 插件的 transform 钩子如何按文件类型过滤，为什么官方推荐用 filter 而非在钩子里判断？
Vite 插件的 transform 钩子如何按文件类型过滤，为什么官方推荐用 filter 而非在钩子里判断？ 本文先给出可直接复述的结论，再用最小代码说明Vite 插件 transform filter 过滤 性能的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite 插件 transform filter 过滤 性能 - 0085
如何用 Vite 插件实现虚拟模块（virtual module）并正确处理其缓存失效？
如何用 Vite 插件实现虚拟模块（virtual module）并正确处理其缓存失效？ 本文先给出可直接复述的结论，再用最小代码说明Vite 插件 虚拟模块 \0 空字符约定的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite 插件 虚拟模块 \0 空字符约定 - 0086
Vite 依赖预构建的缓存何时会失效并触发重新构建？
Vite 依赖预构建的缓存何时会失效并触发重新构建？ 本文先给出可直接复述的结论，再用最小代码说明Vite 预构建缓存失效 lockfile optimizeDeps的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite 预构建缓存失效 lockfile optimizeDeps - 0087
Vite 中放在 public 目录的资源与通过 import 引入的资源在处理上有何本质区别？
Vite 中放在 public 目录的资源与通过 import 引入的资源在处理上有何本质区别？ 本文先给出可直接复述的结论，再用最小代码说明Vite public 目录 与 import 资源 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite public 目录 与 import 资源 区别 - 0088
Vite 的中间件模式（middleware mode）如何用于开发期 SSR，为什么开发时不需要 SSR 构建？
Vite 的中间件模式（middleware mode）如何用于开发期 SSR，为什么开发时不需要 SSR 构建？ 本文先给出可直接复述的结论，再用最小代码说明Vite middleware mode SSR 开发 ssrLoadModule的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite middleware mode SSR 开发 ssrLoadModule - 0089
用 Vite 做 SSR 时，客户端入口与服务端入口如何组织，ssr build 的产物与客户端构建有何不同？
用 Vite 做 SSR 时，客户端入口与服务端入口如何组织，ssr build 的产物与客户端构建有何不同？ 本文先给出可直接复述的结论，再用最小代码说明Vite SSR 入口 ssr build 产物的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite SSR 入口 ssr build 产物 - 0090
Vite SSR 中依赖为什么默认被 external 由 Node 直接加载，ssr.noExternal 什么时候需要配置？
Vite SSR 中依赖为什么默认被 external 由 Node 直接加载，ssr.noExternal 什么时候需要配置？ 本文先给出可直接复述的结论，再用最小代码说明Vite SSR external noExternal的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite SSR external noExternal - 0091
Vite 的 HMR 为什么随项目规模增大仍能保持接近常量的更新速度？
Vite 的 HMR 为什么随项目规模增大仍能保持接近常量的更新速度？ 本文先给出可直接复述的结论，再用最小代码说明Vite HMR 为什么快 与项目大小无关的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite HMR 为什么快 与项目大小无关 - 0092
Vite 开发服务器基于原生 ESM 按需编译，相比 bundle 式开发服务器解决了什么问题？
Vite 开发服务器基于原生 ESM 按需编译，相比 bundle 式开发服务器解决了什么问题？ 本文先给出可直接复述的结论，再用最小代码说明Vite 原生 ESM 按需编译 冷启动的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite 原生 ESM 按需编译 冷启动 - 0093
Vite 为什么在开发阶段要做依赖预构建（Dep Pre-Bundling）？
Vite 为什么在开发阶段要做依赖预构建（Dep Pre-Bundling）？ 本文先给出可直接复述的结论，再用最小代码说明Vite 依赖预构建 原因的工作方式、判断依据、项目边界和常见误区。
核心关键词Vite 依赖预构建 原因 - 0094
Webpack 5 的 asset modules 有哪几种类型，如何替代 file-loader 和 url-loader？
Webpack 5 的 asset modules 有哪几种类型，如何替代 file-loader 和 url-loader？ 本文先给出可直接复述的结论，再用最小代码说明webpack5 asset modules asset/resource asset/inline的工作方式、判断依据、项目边界和常见误区。
核心关键词webpack5 asset modules asset/resource asset/inline - 0095
Webpack babel-loader 的 cacheDirectory 选项如何提升二次构建速度？
Webpack babel-loader 的 cacheDirectory 选项如何提升二次构建速度？ 本文先给出可直接复述的结论，再用最小代码说明webpack babel-loader cacheDirectory 缓存的工作方式、判断依据、项目边界和常见误区。
核心关键词webpack babel-loader cacheDirectory 缓存 - 0096
Webpack 官方建议的构建性能优化手段有哪些，应按什么顺序排查？
Webpack 官方建议的构建性能优化手段有哪些，应按什么顺序排查？ 本文先给出可直接复述的结论，再用最小代码说明webpack 构建性能优化手段 排查顺序的工作方式、判断依据、项目边界和常见误区。
核心关键词webpack 构建性能优化手段 排查顺序 - 0097
发现 Webpack 产物体积异常增大，如何用 webpack-bundle-analyzer 定位问题？
发现 Webpack 产物体积异常增大，如何用 webpack-bundle-analyzer 定位问题？ 本文先给出可直接复述的结论，再用最小代码说明webpack bundle analyzer 体积分析的工作方式、判断依据、项目边界和常见误区。
核心关键词webpack bundle analyzer 体积分析 - 0098
如何利用 Webpack 的 contenthash 与 runtime chunk 实现稳定的长效缓存？
如何利用 Webpack 的 contenthash 与 runtime chunk 实现稳定的长效缓存？ 本文先给出可直接复述的结论，再用最小代码说明webpack 长效缓存 contenthash runtimeChunk的工作方式、判断依据、项目边界和常见误区。
核心关键词webpack 长效缓存 contenthash runtimeChunk - 0099
Webpack 实现代码分割有哪几种方式，各自适合什么场景？
Webpack 实现代码分割有哪几种方式，各自适合什么场景？ 本文先给出可直接复述的结论，再用最小代码说明webpack 代码分割 code splitting 方式的工作方式、判断依据、项目边界和常见误区。
核心关键词webpack 代码分割 code splitting 方式 - 0100
Webpack 中 css-loader 和 style-loader 各自负责什么，为什么生产环境要换成 MiniCssExtractPlugin？
Webpack 中 css-loader 和 style-loader 各自负责什么，为什么生产环境要换成 MiniCssExtractPlugin？ 本文先给出可直接复述的结论，再用最小代码说明webpack css-loader style-loader MiniCssExtractPlugin 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词webpack css-loader style-loader MiniCssExtractPlugin 区别