vite.config.ts

import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { visualizer } from "rollup-plugin-visualizer";
import importToCDN from 'vite-plugin-cdn-import'
import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'
import legacyPlugin from '@vitejs/plugin-legacy'

export default defineConfig({
  plugins: [
    vue(),
    // importToCDN({
    //   prodUrl: 'https://cdn.staticfile.org/{name}/{version}/{path}',
    //   // prodUrl: 'https://cdn.bootcdn.net/ajax/libs/{name}/{version}/{path}',
    //   modules: [
    //     {
    //       name: "echarts",
    //       var: "echarts",
    //       path: "echarts.min.js",
    //     },
    //     {
    //       name: 'vue',
    //       var: 'Vue',
    //       path: `vue.runtime.global.prod.min.js`,
    //     },
    //     {
    //       name: 'element-plus',
    //       var: 'ElementPlus',
    //       path: `index.full.min.js`,
    //       css: 'index.min.css'
    //     },
    //   ],
    // }),
    // cssInjectedByJsPlugin(),
    legacyPlugin({
      targets:['chrome 52'],  // 需要兼容的目标列表，可以设置多个
      additionalLegacyPolyfills:['regenerator-runtime/runtime'] // 面向IE11时需要此插件
    }),
    visualizer({
      gzipSize: true,
      brotliSize: true,
      emitFile: false,
      filename: "visualizer.html",
      template :"sunburst",
      open:false
    })
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  build:{
    assetsDir: 'assets',
    assetsInlineLimit: 8 * 1024,
    rollupOptions:{
      manualChunks(id){
        if(id.includes('node_modules')){
          return "vendor"
        }
      }
    }
  },
  server: {
    open: true,
    port: 3005,
    host: '0.0.0.0'
  },
  base: './'
})