构建优化策略专题测试
考察知识点
- 代码分割策略
- Tree Shaking 配置
- Bundle 分析与优化
- 第三方库分离策略
- 压缩与资源优化
- 缓存策略配置
build.chunkSizeWarningLimit 配置可以调整 chunk 大小警告的阈值。
Vite 默认使用 esbuild 进行 JS/CSS 压缩，也可以切换到 terser。
build.rollupOptions.manualChunks 配置可以自定义代码分割策略，将模块打包到指定的 chunk。
build.sourcemap 配置可以控制生产构建是否生成 Source Map 文件。
通过 build.rollupOptions.manualChunks 可以自定义代码分割策略。
build.assetsInlineLimit 配置控制小于指定大小的资源是否内联为 base64。
build.minify 默认使用 esbuild 进行压缩，速度比 terser 更快。
设置 build.assetsInlineLimit: 0 的效果是什么？
以下哪个场景适合使用 terser 替代 esbuild 进行压缩？
chunk 大小警告的默认阈值是多少 KB？
配置 manualChunks: { vendor: ['vue', 'vue-router'] } 的效果是什么？
设置 build.sourcemap: 'hidden' 的效果是什么？
build.minify 配置项可以设置为哪些值？
使用 terser 压缩时，build.terserOptions 可以配置哪些选项？
chunk 大小警告出现时，推荐的优化方案有哪些？
以下哪些因素会影响 chunk 大小警告的触发？
合理的代码分割策略可以带来哪些优化效果？
使用 manualChunks 函数形式配置代码分割可以实现哪些功能？
资源内联为 base64 的优缺点有哪些？
以下哪些资源类型受 assetsInlineLimit 配置影响？
