【vue】vite打包分块

参考文档

配置 rollup output 选项，官方文档参考：
vite chunk 大小警告配置
vite rollup 打包配置
rollup 输出 chunk 配置

配置(对象形式)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
build: {
  chunkSizeWarningLimit: 1024,
  rollupOptions: {
    output: {
      manualChunks: {
        monacoeditor: ["monaco-editor"],
        quill: ["quill"],
        lodash: ["lodash"],
        lib: ["sortablejs", "vxe-table", "xe-utils"],
        vlib: ["vue", "vue-router", "vue-i18n", "element-plus"]
      }
    }
  }
}

配置(函数形式)

1
2
3
4
5
6
7
8
9
10
11
12
13
build: {
  chunkSizeWarningLimit: 1024,
  rollupOptions: {
    output: {
      manualChunks(id) {
        // 如果是包含 node_modules 则打包到 vendor.js 中
        if (id.includes("node_modules")) {
          return "vendor";
        }
      },
    }
  }
}