nutui/vite.config.build.disperse.ts

import { defineConfig } from 'vite';
import dts from 'vite-plugin-dts';
import vue from '@vitejs/plugin-vue';
import path from 'path';
import config from './package.json';
import configPkg from './src/config.json';
import { terser } from 'rollup-plugin-terser';

const banner = `/*!
* ${config.name} v${config.version} ${new Date()}
* (c) 2022 @jdf2e.
* Released under the MIT License.
*/`;

let input = {};

configPkg.nav.map((item) => {
  item.packages.forEach((element) => {
    let { name, type } = element;
    input[name] = `./src/packages/__VUE/${name.toLowerCase()}/index${type === 'methods' ? '.ts' : '.vue'}`;
  });
});

export default defineConfig({
  resolve: {
    alias: [{ find: '@', replacement: path.resolve(__dirname, './src') }]
  },
  plugins: [
    vue(),
    dts({
      insertTypesEntry: true,
      copyDtsFiles: false,
      cleanVueFileName: false,
      outputDir: path.resolve(__dirname, './dist/types'),
      include: path.resolve(__dirname, './src/packages/__VUE'),
      beforeWriteFile: (filePath: string, content: string) => {
        const fileContent = `import { App, PropType, CSSProperties } from 'vue';
declare type Install<T> = T & {
  install(app: App): void;
};
`;
        const start = 'declare const _sfc_main:';
        const end = ';\nexport default _sfc_main;\n';
        let name = Object.keys(input).find((item: string) => item.toLowerCase() === filePath.split('/').slice(-2)[0]);
        name = name ? name.toLowerCase() : ' ';
        const remain = `
declare module 'vue' {
  interface GlobalComponents {
      Nut${name[0].toUpperCase() + name.substr(1)}: typeof _sfc_main;
  }
}     
      `;
        const inputs = content.match(RegExp(`${start}([\\s\\S]*?)${end}`));
        const changeContent = inputs && inputs.length ? `${start} Install<${inputs[1]}>${end}${remain}` : content;
        return {
          filePath,
          content: fileContent + changeContent
        };
      }
    })
  ],
  build: {
    minify: false,
    lib: {
      entry: '',
      name: 'index',
      // fileName: (format) => format,
      formats: ['es']
    },
    rollupOptions: {
      // 请确保外部化那些你的库中不需要的依赖
      external: ['vue', 'vue-router', '@/packages/locale'],
      input,
      output: {
        banner,
        paths: {
          '@/packages/locale': '../locale/lang'
        },
        dir: path.resolve(__dirname, './dist/packages/_es'),
        entryFileNames: '[name].js',
        plugins: [
          terser({
            compress: {
              drop_console: true,
              drop_debugger: true
            }
          })
        ]
      }
    },
    emptyOutDir: false
  }
});