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

    build: {
      // 静态资源合并打包
      rollupOptions: {
        output: {
          chunkFileNames: 'static/js/[name]-[hash].js',
          entryFileNames: 'static/js/[name]-[hash].js',
          assetFileNames: 'static/[ext]/[name]-[hash].[ext]',
          // 超大静态资源拆分
          manualChunks(id) {
            if (id.includes('node_modules')) {
              return id
                .toString()
                .split('node_modules/')[1]
                .split('/')[0]
                .toString();
            }
          },
        },
      },
      // 提高超大静态资源警告门槛
      chunkSizeWarningLimit: 1000,
    },

【Vite】Vite 打包配置:静态资源合并打包、静态资源拆分_第1张图片

未拆分:
【Vite】Vite 打包配置:静态资源合并打包、静态资源拆分_第2张图片
拆分后:
【Vite】Vite 打包配置:静态资源合并打包、静态资源拆分_第3张图片

参考文章

vite打包配置(静态资源合并打包/清除log/gzip压缩/ENV配置等)

你可能感兴趣的:(前端工程化,前端,javascript,vite,vue3,vue)