组件分发

同 Webpack 版本的组件分发插件。

如何使用

安装

pnpm add @plugin-light/vite-plugin-dispatch-vue -D

在 vite.config.ts 中添加如下设置：

import { defineConfig } from 'vite';
import { dispatchVueVitePlugin } from '@plugin-light/vite-plugin-dispatch-vue';


export default defineConfig({
  plugins: [
    dispatchVueVitePlugin({
      limit: 1,
    })
  ],
});

参数

export type IDispatchVueOptions = {
  // 组件被多少个分包使用才会移动，默认 1
  limit?: number;

  // 移动的组件被放在分包统一的目录下，dispatchDir 为目录名称
  // 不传的话，会使用随机值
  dispatchDir?: string;

  // 禁止移动的名单列表
  blackList?: Array<string | RegExp>;
};

原理

Vite 版本的组件分发插件 (opens new window)

更新日志

点此查看