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

努力挣钱的小鑫

已于 2023-10-31 14:14:33 修改

阅读量1.6k

点赞数 1

分类专栏：前端工程化文章标签：前端 javascript vite vue3 vue

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

本文链接：https://blog.csdn.net/IAIPython/article/details/134136451

版权

前端工程化专栏收录该内容

2 篇文章 0 订阅

订阅专栏

    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,
    },