【Vite】Vite 打包配置：静态资源合并打包、静态资源拆分

原创

已于 2023-10-31 14:14:33 修改 · 2.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vite #vue3 #vue

于 2023-10-31 11:23:22 首次发布

本文介绍了如何使用Vite进行打包时优化静态资源，包括合并文件以减少体积，设置手动拆分大模块的策略，以及提高超大资源的警告阈值，以提升性能和开发体验。

    build: {
   
   
      // 静态资源合并打包
      rollupOptions: {
   
   
        output: {
   
   
          chunkFileNames: 'static/js/[name]-[hash].js',
          entryFileNames: 'static/js/[name]-[hash].js',
          assetFileNames: 'static/[ext]/[name]-[hash].[ext]',
          // 超大静态资源拆分