vite2打包过程中如何优化vendor代码的打包效率?

2026-05-27 15:460阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计606个文字,预计阅读时间需要3分钟。

vite2打包过程中如何优化vendor代码的打包效率?

vite2是一个很好的工具,但随着代码增多,打包的vendor文件越来越大,导致加载困难。打包时出现警告,输出文件名和大小,例如:static/vendor.9b5698e4.js 806.03kb。

vite2是一个非常好用的工具,只是随着代码的增多,打包的时候 vendor-xxxxxx.js 文件也越来越大,这就郁闷了。

打包时遇到警告

输出文件名字/static/vendor.9b5698e4.js 806.03kb / brotli: skipped (large chunk)

Some chunks are larger than 500kb after minification. Consider:

  • Using dynamic import() to code-split the application
  • Use build.rollupOptions.output.manualChunks to improve chunking: rollup.js
  • Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.

由于打包时有些依赖包体积过于庞大,提示你进行配置分割;

rollupjs.org/guide/en/#outputmanualchunks

寻找解决方案

(好吧,官网是英文的,看不懂)
于是到网上找了一下,发现了一种解决方法。

阅读全文

本文共计606个文字,预计阅读时间需要3分钟。

vite2打包过程中如何优化vendor代码的打包效率?

vite2是一个很好的工具,但随着代码增多,打包的vendor文件越来越大,导致加载困难。打包时出现警告,输出文件名和大小,例如:static/vendor.9b5698e4.js 806.03kb。

vite2是一个非常好用的工具,只是随着代码的增多,打包的时候 vendor-xxxxxx.js 文件也越来越大,这就郁闷了。

打包时遇到警告

输出文件名字/static/vendor.9b5698e4.js 806.03kb / brotli: skipped (large chunk)

Some chunks are larger than 500kb after minification. Consider:

  • Using dynamic import() to code-split the application
  • Use build.rollupOptions.output.manualChunks to improve chunking: rollup.js
  • Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.

由于打包时有些依赖包体积过于庞大,提示你进行配置分割;

rollupjs.org/guide/en/#outputmanualchunks

寻找解决方案

(好吧,官网是英文的,看不懂)
于是到网上找了一下,发现了一种解决方法。

阅读全文