多入口 vite 插件

安装插件

npm install --save-dev vite-plugin-vue-multi-module

应用开发服务器 multiServer

在终端中输入 multiServer 回车，将开启一个应用服务器，可用于应用模块的创建和管理

使用多入口插件 vite.config.ts

import vitePluginVueMultiModule from 'vite-plugin-vue-multi-module'
import type { PluginOption } from 'vite'
export default defineConfig({
  plugins:[
    vitePluginVueMultiModule({
      // 指定多应用根目录
      pagesPath:path.resolve(__dirname, "src/modules"),
      // 是否开启打包自动压缩dist.zip
      distzip:true,
      // 配置生成快照的url地址
      snapshots:[
        '/admin.html#/personalCenter',
        ...
      ],
      // 是否使用全局初始化loading
      defineLoading: true,
      // 排除构建应用名称 string[]
      excludeNames:['admin'],
      // 指定构建应用名称 string[]
      includeNames: ['admin']
    }) as PluginOption, // 配置多入口应用项目
  ]
})

发布插件

打包插件

npm run build

将插件注册到全局模块棕，这样就可以在本机中通过包名使用插件了

npm link vite-plugin-vue-multi-module

上传插件

npm publish