Merge pull request #10958 from dataease/pr@dev-v2_st

fix(系统设置): 打包优化

core/core-frontend/config/common.ts

@@ -9,9 +9,7 @@ import {
   ElementPlusSecondaryResolve
 } from 'vite-plugin-style-import-secondary'
 import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'
-
-import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
-
+import svgLoader from 'vite-svg-loader'
 import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components-secondary/vite'
 import { ElementPlusResolver } from 'unplugin-vue-components-secondary/resolvers'
@@ -24,6 +22,10 @@ export default {
   base: './',
   plugins: [
     Vue(),
+    svgLoader({
+      svgo: false,
+      defaultImport: 'component' // or 'raw'
+    }),
     VueJsx(),
     createStyleImportPlugin({
       resolves: [ElementPlusSecondaryResolve()],
@@ -43,11 +45,6 @@ export default {
     Components({
       resolvers: [ElementPlusResolver()]
     }),
-    createSvgIconsPlugin({
-      iconDirs: [pathResolve('src/assets/svg')],
-      symbolId: 'icon-[dir]-[name]',
-      customDomId: '__svg__icons__dom__de'
-    }),
     VueI18nPlugin({
       runtimeOnly: false,
       compositionOnly: true,

core/core-frontend/package.json

@@ -29,6 +29,7 @@
     "dayjs": "^1.11.9",
     "element-plus-secondary": "^0.5.11",
     "element-resize-detector": "^1.2.4",
+    "exceljs": "^4.4.0",
     "file-saver": "^2.0.5",
     "flv.js": "^1.6.2",
     "html-to-image": "^1.11.11",
@@ -61,7 +62,6 @@
     "vue3-ace-editor": "^2.2.2",
     "vuedraggable": "^4.1.0",
     "web-storage-cache": "^1.1.1",
-    "exceljs": "^4.4.0",
     "xss": "^1.0.14"
   },
   "devDependencies": {
@@ -106,6 +106,7 @@
     "vite-plugin-style-import-secondary": "^2.0.0",
     "vite-plugin-stylelint": "^4.2.0",
     "vite-plugin-svg-icons": "^2.0.1",
+    "vite-svg-loader": "^5.1.0",
     "vue-tsc": "^1.0.24",
     "xss": "^1.0.14"
   }

core/core-frontend/src/pages/index/main.ts

@@ -1,7 +1,6 @@
 import { createApp } from 'vue'
 import '../../assets/font/index.css'
 import '@/style/index.less'
-import '@/plugins/svg-icon'
 import 'normalize.css/normalize.css'
 import '@antv/s2/dist/style.min.css'
 import App from './App.vue'

core/core-frontend/src/pages/mobile/main.ts

@@ -1,7 +1,6 @@
 import { createApp } from 'vue'
 import '../../assets/font/index.css'
 import '@/style/index.less'
-import '@/plugins/svg-icon'
 import 'normalize.css/normalize.css'
 import '@antv/s2/dist/style.min.css'
 import App from './App.vue'

core/core-frontend/src/pages/panel/main.ts

@@ -56,7 +56,6 @@ document.querySelector('head').appendChild = <T extends Node>(node: T) => {
 import { App, createApp } from 'vue'
 import '../../assets/font/index.css'
 import '@/style/index.less'
-import '@/plugins/svg-icon'
 import 'normalize.css/normalize.css'
 import '@antv/s2/dist/style.min.css'
 import AppElement from './App.vue'

core/core-frontend/src/plugins/svg-icon/index.ts

@@ -1 +0,0 @@
-import 'virtual:svg-icons-register'

core/core-frontend/types/vite-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+/// <reference types="vite-svg-loader" />