Vue3打包优化-vite篇

Vue3打包优化-vite篇

在Vue 3中，可以通过配置Vite来手动分包。Vite是Vue 3推荐的构建工具，它支持代码分割（bundle splitting）。

以下是如何配置Vite来手动分包的步骤：

在vite.config.js文件中，使用build.rollupOptions.output来配置分包规则。

使用import.meta.glob或import.meta.globEager来动态导入模块。

使用build.rollupOptions.manualChunks来指定分包策略。

// vite.config.js
import {
    defineConfig } from 'vite'
 
export default defineConfig({
   
  build: {
   
    rollupOptions: {
   
      output: {