Vite打包并发数量控制

114 阅读1分钟

打包配置rollupOptions正常配了,但产生了碎片过多的问题。似乎不是打包配置的问题,而是架构设计的问题

项目里使用了 unplugin-auto-import/vite 自动档


      AutoImport({
        include: [/\.vue$/, /\.vue\?vue/],
        imports: ['vue', 'vue-router'],
      }),

roullupOptions:

      output: {
          chunkFileNames: 'assets/js/[name]-[hash].js',
          entryFileNames: 'assets/js/[name]-[hash].js',
          assetFileNames: 'assets/[ext]/[name]-[hash].[ext]',
          manualChunks(id) {
            if (id.includes('node_modules')) {
              return id.toString().split('node_modules/')[1].split('/')[0].toString();
            } else if (id.includes('Mvc')) {
              return 'Mvc';
            } else if (id.includes('Super')) {
              return 'Super';
            } else if (id.includes('js/map')) {
              return 'Map';
            } else if (id.includes('js/lang')) {
              return 'Lang';
            } else if (id.includes('/js/')) {
              return 'Js';
            }
          },
        },

应该怎么设置数量,roullup很迷糊

请佬教我