在这里插入图片描述
项目在打包时Some chunks are larger than 500 kBs after minification(一些区块在缩小后大于500 kB);

跳到提示的官网https://rollupjs.org/configuration-options/#output-chunkfilenames
草草翻了下未果 最后在CSDN找到解决方式
【Vue3】vite打包报错:块的大小超过限制,Some chunks are larger than 500kb after minification
非常感谢大佬的分享

基于大佬处理逻辑 最后加上适应的配置项

    outDir: BUILD_DIR, // 指定打包文件的输出目录
    emptyOutDir: true,  // 打包时先清空上一次构建生成的目录

完整build配置的代码

  build: {
    outDir: BUILD_DIR,
    sourcemap: false,
    minify: 'terser',
    chunkSizeWarningLimit: 1500,
    emptyOutDir: true,
    terserOptions: {
      compress: {
        drop_console: true,
        drop_debugger: true
      }
    },
    rollupOptions: {
      output: {
        manualChunks(id) {
          if (id.includes('node_modules')) {
            return id.toString().split('node_modules/')[1].split('/')[0].toString();
          }
        },
        chunkFileNames: (chunkInfo) => {
          const facadeModuleId = chunkInfo.facadeModuleId ? chunkInfo.facadeModuleId.split('/') : [];
          const fileName = facadeModuleId[facadeModuleId.length - 2] || '[name]';
          return `js/${fileName}/[name].[hash].js`;
        }
      }
    }
  },

最后运行build命令
在这里插入图片描述
解决上述问题

Logo

一站式 AI 云服务平台

更多推荐