同步代码

Author: muyao1987

.browserslistrc

@@ -1,3 +1,14 @@
-> 1%
-last 2 versions
-not dead
+# 全球使用率超过 5%的浏览器
+> 5%
+
+# 最近两个主要版本的浏览器 (including Chrome, Firefox, Safari, and Edge)
+last 2 major versions
+
+# 对谷歌浏览器的要求
+chrome >80
+
+# 排除官方不在维护已过两年的浏览器
+not dead
+
+# 排除 Internet Explorer 11
+not IE 11

package.json

@@ -19,7 +19,7 @@
     "@icon-park/svg": "^1.4.2",
     "@mars3d/heatmap.js": "^2.0.7",
     "@turf/turf": "^6.5.0",
-    "ant-design-vue": "^4.0.6",
+    "ant-design-vue": "^4.0.7",
     "axios": "^1.5.1",
     "core-js": "^3.33.1",
     "dayjs": "^1.11.10",
@@ -37,18 +37,19 @@
     "mars3d-space": "~3.6.0",
     "nprogress": "^0.2.0",
     "uuid": "^9.0.1",
-    "vue": "^3.3.4",
+    "vue": "^3.3.10",
     "vue-color-kit": "^1.0.6",
     "vue-router": "^4.2.5",
     "vuex": "^4.1.0"
   },
   "devDependencies": {
     "@types/node": "^20.8.7",
     "@typescript-eslint/eslint-plugin": "^6.8.0",
-    "@vitejs/plugin-vue": "^4.4.0",
+    "@vitejs/plugin-legacy": "^5.2.0",
+    "@vitejs/plugin-vue": "^4.5.1",
     "@vue/eslint-config-typescript": "^12.0.0",
     "consola": "^3.2.3",
-    "eslint": "^8.51.0",
+    "eslint": "^8.55.0",
     "eslint-config-standard": "^17.1.0",
     "eslint-plugin-import": "^2.28.1",
     "eslint-plugin-node": "^11.1.0",
@@ -63,13 +64,13 @@
     "rollup-plugin-visualizer": "^5.9.2",
     "serve-static": "^1.15.0",
     "standard": "^17.1.0",
-    "terser": "^5.22.0",
-    "typescript": "5.2.2",
-    "vite": "^4.5.0",
+    "terser": "^5.25.0",
+    "typescript": "~5.2.2",
+    "vite": "^5.0.4",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-mars3d": "^3.1.3",
     "vite-plugin-style-import": "^2.0.0",
-    "vue-tsc": "^1.8.19"
+    "vue-tsc": "^1.8.24"
   },
   "engines": {
     "node": ">=16.0.0",

tsconfig.json

@@ -26,9 +26,6 @@
       "@mars/*": ["src/*"]
     }
   },
-  "vueCompilerOptions": {
-    "experimentalDisableTemplateSupport": true
-  },
   "include": ["packages/**/*.ts", "src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
   "exclude": ["node_modules", "src/**/*.js", "dist"]
 }

vite.config.ts

@@ -2,6 +2,7 @@ import path from "path"
 import type { ConfigEnv } from "vite"
 import { defineConfig, loadEnv } from "vite" // 帮手函数，这样不用 jsdoc 注解也可以获取类型提示
 import vue from "@vitejs/plugin-vue"
+import legacy from "@vitejs/plugin-legacy"
 import eslintPlugin from "vite-plugin-eslint"
 import { mars3dPlugin } from "vite-plugin-mars3d"
 import { createStyleImportPlugin, AndDesignVueResolve } from "vite-plugin-style-import"
@@ -18,14 +19,14 @@ export default ({ mode }: ConfigEnv) => {
     base: ENV.VITE_BASE_URL,
     server: {
       host: "localhost",
-      https: false,
       port: 3002
     },
     define: {
       "process.env": {
         mode,
         BASE_URL: ENV.VITE_BASE_URL,
-        API_BASE: ENV.VITE_API_URL
+        API_BASE: ENV.VITE_API_URL,
+        API_LOCAL: ENV.VITE_LOCAL_API
       },
       buildTime: new Date()
     },
@@ -64,26 +65,62 @@ export default ({ mode }: ConfigEnv) => {
       commonjsOptions: {
         include: /node_modules|packages/
       },
+      // 静态资源目录
+      assetsDir: "assets",
       // 自定义底层的 Rollup 打包配置
       rollupOptions: {
         input: {
           index: path.resolve(__dirname, "index.html"),
           demo: path.resolve(__dirname, "demo.html")
+        },
+        output: {
+          chunkFileNames: "assets/js/[name]-[hash].js",
+          entryFileNames: "assets/js/[name]-[hash].js",
+          assetFileNames: "assets/[ext]/[name]-[hash].[ext]"
         }
       },
       // 当设置为 true, 构建后将会生成 manifest.json 文件
       manifest: false,
       // 设置为 false 可以禁用最小化混淆,或是用来指定是应用哪种混淆器 boolean | 'terser' | 'esbuild'
       minify: "terser",
       // 传递给 Terser 的更多 minify 选项
-      terserOptions: {},
+      terserOptions: {
+        compress: {
+          drop_console: true, // 在生产环境移除console.log
+          drop_debugger: true // 在生产环境移除debugger
+        }
+      },
       // 设置为false 来禁用将构建好的文件写入磁盘
       write: true,
       // 默认情况下 若 outDir 在 root 目录下， 则 Vite 会在构建时清空该目录。
       emptyOutDir: true
     },
     plugins: [
       vue(),
+      // 兼容老版本浏览器配置
+      // legacy({
+      //   targets: ["> 5%", "last 2 major versions", "chrome >80", "not dead"], // 需要兼容的目标列表，可以设置多个,参考.browserslistrc等
+      //   additionalLegacyPolyfills: ["regenerator-runtime/runtime"],
+      //   renderLegacyChunks: true,
+      //   polyfills: [
+      //     "es.symbol",
+      //     "es.array.filter",
+      //     "es.promise",
+      //     "es.promise.finally",
+      //     "es/map",
+      //     "es/set",
+      //     "es.array.for-each",
+      //     "es.object.define-properties",
+      //     "es.object.define-property",
+      //     "es.object.get-own-property-descriptor",
+      //     "es.object.get-own-property-descriptors",
+      //     "es.object.keys",
+      //     "es.object.to-string",
+      //     "web.dom-collections.for-each",
+      //     "esnext.global-this",
+      //     "esnext.string.match-all"
+      //   ]
+      // }),
       eslintPlugin({ cache: false }),
       mars3dPlugin({ useStatic: false }),
       createStyleImportPlugin({