基座打磨，更新版本

Author: Neveryu

.eslintrc.js

@@ -3,10 +3,10 @@ module.exports = {
   env: {
     node: true,
   },
-  extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
+  extends: ['plugin:vue/essential', 'eslint:recommended', '@vue/prettier'],
   // 【parserOptions】扩展 ESLint 对 JavaScript 新语法和实验性特性的支持
   parserOptions: {
-    parser: "babel-eslint",
+    parser: 'babel-eslint',
     ecmaFeatures: {
       // 支持装饰器
       legacyDecorators: true,
@@ -36,55 +36,55 @@ module.exports = {
   /* prettier的配置说明 ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
 
   rules: {
-    "prettier/prettier": [
-      "error",
+    'prettier/prettier': [
+      'error',
       {
         semi: false,
         singleQuote: true,
         tabWidth: 2,
         printWidth: 120,
-        arrowParens: "avoid",
+        arrowParens: 'avoid',
         bracketSpacing: true,
         insertPragma: false,
         jsxBracketSameLine: false,
         jsxSingleQuote: false,
-        proseWrap: "preserve",
-        quoteProps: "as-needed",
+        proseWrap: 'preserve',
+        quoteProps: 'as-needed',
         requirePragma: false,
-        trailingComma: "none",
+        trailingComma: 'none',
         useTabs: false,
       },
     ],
-    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
-    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     // 使用2个空格缩进
     indent: [
-      "error",
+      'error',
       2,
       {
         SwitchCase: 1,
         flatTernaryExpressions: true,
       },
     ],
     // 代码后不使用分号
-    semi: ["error", "never"],
+    semi: ['error', 'never'],
     // 注释 // 或 /* 之后必须有一个空格
-    "spaced-comment": ["error", "always"],
+    'spaced-comment': ['error', 'always'],
     // 必须使用let 或 const, 不能使用var
-    "no-var": "error",
+    'no-var': 'error',
     quotes: [
-      "warn",
-      "single",
+      'warn',
+      'single',
       {
         avoidEscape: true,
         allowTemplateLiterals: true,
       },
     ],
     // 禁止重复导入模块，对于同一模块内内容，应一次导入
-    "no-duplicate-imports": "error",
+    'no-duplicate-imports': 'error',
     // 箭头函数前后必须要有空格
-    "arrow-spacing": [
-      "error",
+    'arrow-spacing': [
+      'error',
       {
         before: true,
         after: true,
@@ -94,13 +94,10 @@ module.exports = {
   // overrides 字段的作用是为特定文件或目录定义独立的规则，允许你对不同文件类型或路径应用不同的代码检查规则
   overrides: [
     {
-      files: [
-        "**/__tests__/*.{j,t}s?(x)",
-        "**/tests/unit/**/*.spec.{j,t}s?(x)",
-      ],
+      files: ['**/__tests__/*.{j,t}s?(x)', '**/tests/unit/**/*.spec.{j,t}s?(x)'],
       env: {
         jest: true,
       },
     },
   ],
-}   
+}

babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ['@vue/cli-plugin-babel/preset']
+  presets: ['@vue/cli-plugin-babel/preset'],
 }

jest.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  preset: '@vue/cli-plugin-unit-jest'
+  preset: '@vue/cli-plugin-unit-jest',
 }

vue.config.js

@@ -1,4 +1,5 @@
 'use strict'
+const { defineConfig } = require('@vue/cli-service') // 你也可以使用 @vue/cli-service 提供的 defineConfig 帮手函数，以获得更好的类型提示
 const webpack = require('webpack')
 const path = require('path')
 
@@ -9,7 +10,8 @@ function resolve(dir) {
 const port = process.env.PORT || 8888 // 端口
 
 // All configuration item explanations can be find in https://cli.vuejs.org/config/
-module.exports = {
+// 你也可以使用 @vue/cli-service 提供的 defineConfig 帮手函数，以获得更好的类型提示
+module.exports = defineConfig({
   /**
    * You will need to set publicPath if you plan to deploy your site under a sub path,
    * for example GitHub Pages. If you plan to deploy your site to https://foo.github.io/bar/,
@@ -60,15 +62,17 @@ module.exports = {
   },
   chainWebpack(config) {
     // it can improve the speed of the first screen, it is recommended to turn on preload
-    config.plugin('preload').tap(() => [
-      {
-        rel: 'preload',
-        // to ignore runtime.js
+    // 通过 preload 预加载关键资源，让浏览器提前下载首屏所需的核心文件（如主 JS、CSS），减少用户等待时间
+    config.plugin('preload').tap((options) => {
+      options[0] = {
+        rel: 'preload', // 预加载类型
+        // to ignore runtime.js （// 排除不需要预加载的文件）
         // https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171
         fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/],
-        include: 'initial',
-      },
-    ])
+        include: 'initial', // 仅预加载"初始块"（首屏关键资源）
+      }
+      return options
+    })
 
     // config.plugin('provide').use(webpack.ProvidePlugin, [{
     //   'window.Quill': 'quill/dist/quill.js',
@@ -130,4 +134,4 @@ module.exports = {
       config.optimization.runtimeChunk('single')
     })
   },
-}
+})