构建优化策略专题测试

20 题 40 分钟难度：

考察知识点

代码分割策略
Tree Shaking 配置
Bundle 分析与优化
第三方库分离策略
压缩与资源优化
缓存策略配置

判断题

通过 build.rollupOptions.manualChunks 可以自定义代码分割策略。

对

错

判断题

Vite 默认使用 esbuild 进行 JS/CSS 压缩，也可以切换到 terser。

对

错

判断题

build.rollupOptions.manualChunks 配置可以自定义代码分割策略，将模块打包到指定的 chunk。

对

错

单选题

配置 manualChunks: { vendor: ['vue', 'vue-router'] } 的效果是什么？

将 vue 和 vue-router 合并到一个名为 vendor 的 chunk

将 vue 和 vue-router 从打包中排除

将 vue 和 vue-router 作为外部依赖

将 vendor 目录打包成独立 chunk

多选题

使用 manualChunks 函数形式配置代码分割可以实现哪些功能？

根据模块 ID 动态判断分组

自动分离 node_modules 依赖

根据模块大小决定是否分割

控制 chunk 的命名规则

多选题

合理的代码分割策略可以带来哪些优化效果？

分离第三方库利用长期缓存

按路由分割实现懒加载

减小首屏加载资源体积

提升构建速度

判断题

build.minify 默认使用 esbuild 进行压缩，速度比 terser 更快。

对

错

单选题

以下哪个场景适合使用 terser 替代 esbuild 进行压缩？

构建速度优先的项目

需要更高级压缩特性的项目

纯 CSS 项目

开发环境构建

多选题

build.minify 配置项可以设置为哪些值？

'esbuild' - 使用 esbuild 压缩

'terser' - 使用 terser 压缩

false - 不进行压缩

'uglify' - 使用 UglifyJS 压缩

多选题

使用 terser 压缩时，build.terserOptions 可以配置哪些选项？

compress - 压缩规则配置

mangle - 变量名混淆配置

format - 输出格式配置

ecma - 目标 ES 版本

判断题

build.chunkSizeWarningLimit 配置可以调整 chunk 大小警告的阈值。

对

错

单选题

chunk 大小警告的默认阈值是多少 KB？

100 KB

250 KB

500 KB

1000 KB

多选题

chunk 大小警告出现时，推荐的优化方案有哪些？

使用 manualChunks 分割大模块

使用动态导入实现懒加载

增加 chunkSizeWarningLimit 阈值

分析 chunk 组成定位大模块

多选题

以下哪些因素会影响 chunk 大小警告的触发？

chunk 的实际体积

是否使用 gzip 压缩

chunk 包含的模块数量

chunkSizeWarningLimit 配置值

判断题

build.assetsInlineLimit 配置控制小于指定大小的资源是否内联为 base64。

对

错

单选题

设置 build.assetsInlineLimit: 0 的效果是什么？

所有资源都内联为 base64

所有资源都单独输出为文件

只内联图片资源

只内联 SVG 资源

多选题

资源内联为 base64 的优缺点有哪些？

减少 HTTP 请求数量

增加代码体积约 33%

无法利用浏览器缓存

适合小图标和小图片

多选题

以下哪些资源类型受 assetsInlineLimit 配置影响？

图片文件（png、jpg、gif）

SVG 图像

字体文件

视频文件

判断题

build.sourcemap 配置可以控制生产构建是否生成 Source Map 文件。

对

错

单选题

设置 build.sourcemap: 'hidden' 的效果是什么？

不生成 Source Map 文件

生成 Source Map 但不关联到产物

生成 Source Map 并内联到代码

只生成 JS Source Map

📝 发现内容有误？点击此处直接编辑

想参加完整模拟考试？

小程序提供计时考试、自动评分和详细解析

长按或扫描二维码，立即体验