vtj/packages/materials/vite.config.ts

import { createViteConfig } from '@vtj/cli';
import { defineConfig } from 'vite';
import { kebabCase } from 'lodash-es';
import uni from '@dcloudio/vite-plugin-uni';

const BUILD_TYPE = process.env.BUILD_TYPE || '';

const materials = {
  ui: {
    entry: 'src/ui/index.ts',
    library: 'VtjUIMaterial',
    outDir: 'dist/assets/ui'
  },
  icons: {
    entry: 'src/icons/index.ts',
    library: 'VtjIconsMaterial',
    outDir: 'dist/assets/icons'
  },
  element: {
    entry: 'src/element/index.ts',
    library: 'ElementPlusMaterial',
    outDir: 'dist/assets/element'
  },
  antdv: {
    entry: 'src/antdv/index.ts',
    library: 'AntdvMaterial',
    outDir: 'dist/assets/antdv'
  },
  charts: {
    entry: 'src/charts/index.ts',
    library: 'VtjChartsMaterial',
    outDir: 'dist/assets/charts'
  },
  vant: {
    entry: 'src/vant/index.ts',
    library: 'VantMaterial',
    outDir: 'dist/assets/vant'
  },
  uniApp: {
    entry: 'src/uni-app/index.ts',
    library: 'UniApp',
    outDir: 'dist/deps/uni-app'
  },
  uniH5: {
    entry: 'src/uni-h5/index.ts',
    library: 'UniH5',
    outDir: 'dist/deps/uni-h5'
  },
  uniH5Vue: {
    entry: 'src/uni-h5-vue/index.ts',
    library: 'Vue',
    outDir: 'dist/deps/uni-h5-vue'
  },
  uniH5VueDev: {
    entry: 'src/uni-h5-vue/index.ts',
    library: 'Vue',
    outDir: 'dist/deps/uni-h5-vue',
    dev: true,
    filename: 'uni-h5-vue.js',
    emptyOutDir: false
  },
  uniH5VueProd: {
    entry: 'src/uni-h5-vue/index.ts',
    library: 'Vue',
    outDir: 'dist/deps/uni-h5-vue',
    filename: 'uni-h5-vue.prod.js',
    emptyOutDir: false
  },
  uniH5C: {
    entry: 'src/uni-h5/components/index.ts',
    library: 'UniH5Material',
    outDir: 'dist/assets/uni-h5'
  },
  uniUI: {
    entry: 'src/uni-ui/index.ts',
    library: 'UniUI',
    outDir: 'dist/deps/uni-ui'
  },
  uniUIC: {
    entry: 'src/uni-ui/components/index.ts',
    library: 'UniUIMaterial',
    outDir: 'dist/assets/uni-ui'
  }
};

function createConfig(name: string) {
  const {
    entry,
    library,
    outDir,
    dev,
    filename,
    emptyOutDir = true
  } = materials[name];

  if (name === 'uniUI') {
    let plugins = (uni as any).default({}) as any;

    plugins = plugins.filter(
      (n: any) =>
        ![
          'uni:h5-manifest-json',
          'uni:h5-pages-json',
          'uni:h5-main-js',
          'uni:h5-resolve-id'
        ].includes(n.name)
    );

    return defineConfig({
      plugins: [plugins],

      build: {
        emptyOutDir: false,
        lib: {
          entry: entry,
          name: library,
          fileName: (format) => `deps/uni-ui/index.${format}.js`,
          cssFileName: 'deps/uni-ui/style',
          formats: ['umd']
        },
        rollupOptions: {
          external: [
            'vue',
            'vue-router',
            'vue-i18n',
            '@dcloudio/uni-app',
            '@dcloudio/uni-h5-vue',
            '@dcloudio/uni-h5'
          ],
          output: {
            globals: {
              vue: 'Vue',
              'vue-router': 'VueRouter',
              'vue-i18n': 'VueI18n',
              '@dcloudio/uni-app': 'UniApp',
              '@dcloudio/uni-h5': 'UniH5',
              '@dcloudio/uni-h5-vue': 'Vue'
            }
          }
        }
      }
    });
  }

  return createViteConfig({
    library,
    entry,
    outDir,
    emptyOutDir,
    lib: true,
    dts: false,
    version: true,
    formats: ['umd'],
    buildTarget: 'es2015',
    external: ['vue', 'vue-router', '@vtj/base', '@vtj/core'],
    externalGlobals: {
      vue: 'Vue',
      'vue-router': 'VueRouter',
      '@vtj/base': 'VtjBase',
      '@vtj/core': 'VtjCore'
    },
    defineConfig(config) {
      if (dev) {
        config.build.minify = false;
        config.mode = 'development';
        config.define = {
          'process.env.NODE_ENV': '"development"'
        };
      }
      return config;
    },
    libFileName: filename ? () => filename : 'index'
  });
}

export default createConfig(BUILD_TYPE);