feat: support legacy browsers

package.json

@@ -47,6 +47,7 @@
     "@commitlint/config-conventional": "^12.1.4",
     "@typescript-eslint/eslint-plugin": "^4.23.0",
     "@typescript-eslint/parser": "^4.23.0",
+    "@vitejs/plugin-legacy": "^1.3.4",
     "chalk": "^4.1.1",
     "commander": "^7.2.0",
     "commitizen": "^4.2.4",

vite.config.ts

@@ -1,6 +1,7 @@
 import { resolve } from 'path'
 import { defineConfig } from 'vite'
 import Vue from '@vitejs/plugin-vue'
+import ViteLegacy from '@vitejs/plugin-legacy'
 import ViteComponents, { ElementPlusResolver } from 'vite-plugin-components'
 import ViteIcons, { ViteIconsResolver } from 'vite-plugin-icons'
 import ViteFonts from 'vite-plugin-fonts'
@@ -14,14 +15,6 @@ export default defineConfig(({ mode }) => {
   const isProd = mode === 'production'
   const isReport = mode === 'report'
 
-  let build = {}
-  if (isProd) {
-    build = {
-      manifest: true,
-      polyfillDynamicImport: true
-    }
-  }
-
   const plugins = [
     Vue(),
 
@@ -85,6 +78,27 @@ export default defineConfig(({ mode }) => {
     ViteYaml()
   ]
 
+  let build = {}
+  if (isProd) {
+    build = {
+      manifest: true
+    }
+
+    plugins.push(
+      /**
+       * DESC:
+       * provides support for legacy browsers 
+       * that do not support native ESM
+       */
+      ViteLegacy({
+        targets: [
+          'defaults', 
+          'not IE 11'
+        ]
+      })
+    )
+  }
+
   if (isReport) {
     plugins.push(
       /**