!6 更新

Merge pull request !6 from 佚名程序员/master

.eslintignore

@@ -1,21 +1,20 @@
-# eslint 忽略检查 (根据项目需要自行添加)
+# 忽略目录
-node_modules
+/dist
-dist
+/build
-.idea
+/tests
-.vscode
+/node_modules
-.hbuilderx
-src/manifest.json
-src/pages.json
-src/tmui/
-*.sh
-node_modules
-*.md
-*.woff
-*.ttf
-*.yaml
-dist
 /public
-/docs
+/src/public
-.husky
+/src/static
-.local
+/src/manifest.json
-/bin
+/vite.config.ts
+/unocss.config.js
+
+# node 覆盖率文件
+coverage/
+
+# 忽略文件
+**/*-min.js
+**/*.min.js
+**/*-min.css
+**/*.min.css

.eslintrc.js

@@ -1,19 +1,22 @@
+// 参考：https://eslint.bootcss.com/docs/rules/
+// 参考：https://blog.csdn.net/x550392236/article/details/89497202
+// 参考：https://blog.csdn.net/brokenkay/article/details/111106266
+
 module.exports = {
+    root: true,
     env: {
-    browser: true,
+        node: true, //允许运行在node环境下
-    es2021: true,
+        browser: true, //允许运行在浏览器环境下
+        es2021: true, //允许运行es2021环境下语法
     },
     parser: 'vue-eslint-parser',
-  extends: [
-    'plugin:@typescript-eslint/recommended',
-    'plugin:vue/vue3-essential',
-    'prettier',
-  ],
     parserOptions: {
         ecmaVersion: 'latest',
-    parser: '@typescript-eslint/parser',
         sourceType: 'module',
+        parser: '@typescript-eslint/parser',
     },
+    extends: ['plugin:vue/vue3-essential', 'eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
+    plugins: ['vue', '@typescript-eslint', 'prettier'],
     settings: {
         'import/resolver': {
             alias: {
@@ -22,16 +25,25 @@ module.exports = {
             },
         },
     },
-  plugins: ['vue', '@typescript-eslint', 'prettier'],
+    globals: {
+        //可以定义全局中的变量的权限（只读，可读可写）
+        defineProps: 'readonly',
+        defineEmits: 'readonly',
+        defineExpose: 'readonly',
+        withDefaults: 'readonly',
+        uni: 'readonly',
+    },
     rules: {
         'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
         'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-var': 'error',
+        'no-var': 'error', //要求使用 let 或 const 而不是 var
         'prettier/prettier': 'error',
         'vue/no-multiple-template-root': 'off',
         'no-mutating-props': 'off',
         'vue/no-v-html': 'off',
-    // @fixable 必须使用单引号，禁止使用双引号
+        camelcase: 'error', // 双峰驼命名格式
+        // indent: ['error', 4], //代码缩进4个空格 (switch时与prettier发生冲突)
+        eqeqeq: ['error', 'always', { null: 'ignore' }], //比较时强制使用 === 或者 !==,但对null作比较时可以不用全等
         quotes: [
             'error',
             'single',
@@ -39,7 +51,7 @@ module.exports = {
                 avoidEscape: true,
                 allowTemplateLiterals: true,
             },
-    ],
+        ], // @fixable 必须使用单引号，禁止使用双引号
         // 结尾必须有分号;
         semi: [
             'error',
@@ -47,7 +59,7 @@ module.exports = {
             {
                 omitLastInOneLineBlock: true,
             },
-    ],
+        ], // 结尾必须有分号;
         'vue/script-setup-uses-vars': 'error',
         '@typescript-eslint/ban-ts-ignore': 'off',
         '@typescript-eslint/explicit-function-return-type': 'off',
@@ -87,11 +99,4 @@ module.exports = {
         'vue/attribute-hyphenation': 'off',
         'vue/require-default-prop': 'off',
     },
-  globals: {
-    defineProps: 'readonly',
-    defineEmits: 'readonly',
-    defineExpose: 'readonly',
-    withDefaults: 'readonly',
-    uni: 'readonly',
-  },
 };

.gitignore

@@ -1,11 +1,34 @@
-node_modules
+# 日志
-dist
+logs
-.eslintcache
+*.log
-.pnpm-lock.yaml
+npm-debug.log*
-*.local
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
 
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+.eslintcache
+
+/cypress/videos/
+/cypress/screenshots/
 
 # 编辑器目录和文件
+.vscode/*
+.hbuilderx/*
+!.vscode/extensions.json
+!.vscode/settings.json
 .idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+.eslintcache
 .hbuilderx
 pnpm-lock.yaml

.prettierignore

@@ -1,20 +1,18 @@
-# 忽略格式化文件 (根据项目需要自行添加)
+# 忽略目录
-node_modules
+/dist
-dist
+/build
-.idea
+/tests
-.vscode
+/node_modules
-.hbuilderx
-src/manifest.json
-src/pages.json
-*.sh
-node_modules
-*.md
-*.woff
-*.ttf
-*.yaml
-dist
 /public
-/docs
+/src/public
-.husky
+/src/static
-.local
+/src/manifest.json
-/bin
+
+# node 覆盖率文件
+coverage/
+
+# 忽略文件
+**/*-min.js
+**/*.min.js
+**/*-min.css
+**/*.min.css

.prettierrc.js

@@ -1,25 +1,24 @@
 module.exports = {
-	// 一行最多 160 字符
+    // .pellerrc 的架构 官网参考：https://prettier.io/docs/en/options.html#tab-width
+    $schema: 'https://json.schemastore.org/prettierrc',
+    // 一行最多 120 字符
     printWidth: 160,
-	// 不使用缩进符，而使用空格
+    // 使用 4 个空格缩进
-	useTabs: true,
-	// 使用 2 个空格缩进
     tabWidth: 4,
-	tabSize: 4,
+    // 不使用 tab 缩进，而使用空格
+    useTabs: false,
     // 行尾需要有分号
     semi: true,
-	// 使用单引号
+    // 使用单引号代替双引号
     singleQuote: true,
-	// 对象的 key 仅在必要时用引号 (可选值as-needed|consistent|preserve)
+    // 对象的 key 仅在必要时用引号
     quoteProps: 'as-needed',
     // jsx 不使用单引号，而使用双引号
     jsxSingleQuote: false,
-	// 末尾不需要逗号 'es5' (可选值none|es5|all，默认none)
+    // 末尾使用逗号
-	trailingComma: 'es5',
+    trailingComma: 'all',
-	// 大括号内的首尾需要空格
+    // 大括号内的首尾需要空格 { foo: bar }
     bracketSpacing: true,
-	// jsx 标签的反尖括号需要换行
-	jsxBracketSameLine: false,
     // 箭头函数，只有一个参数的时候，也需要括号
     arrowParens: 'always',
     // 每个文件格式化的范围是文件的全部内容
@@ -29,12 +28,10 @@ module.exports = {
     requirePragma: false,
     // 不需要自动在文件开头插入 @prettier
     insertPragma: false,
-	// 使用默认的折行标准 (可选值always|never|preserve)
+    // 使用默认的折行标准
     proseWrap: 'preserve',
-	// 根据显示样式决定 html 要不要折行 (可选值css|strict|ignore)
+    // 根据显示样式决定 html 要不要折行
     htmlWhitespaceSensitivity: 'css',
-	// vue脚本文件和样式的缩进
+    // 换行符使用 lf
-	vueIndentScriptAndStyle: false,
-	// 换行符使用 lf 结尾是 (可选值auto|lf|crlf|cr)
     endOfLine: 'lf',
 };

.vscode/extensions.json

@@ -1,10 +1,10 @@
 {
     "recommendations": [
-      "CodeInChinese.EnglishChineseDictionary", // 翻译(英汉词典)
+        "Vue.volar", // Vue语言支持扩展
-      "kisstkondoros.vscode-gutter-preview", // Image 预览
+        "Vue.vscode-typescript-vue-plugin", // 一个TS服务器插件，使TS服务器知道*.vue文件。
-      "ritwickdey.LiveServer", // 为静态和动态页面启动具有实时重载功能的本地开发服务器
+        "esbenp.prettier-vscode", // 代码格式化
+        "dbaeumer.vscode-eslint", //代码质量检查
         "antfu.unocss", // UnoCSS 原子化css
-      "esbenp.prettier-vscode", // 格式化
+        "mrmlnc.vscode-autoprefixer" //将less/scss/css文件自动添加浏览器兼容前缀
     ]
 }
-  

.vscode/settings.json

@@ -4,10 +4,11 @@
     "editor.defaultFormatter": "esbenp.prettier-vscode", // 定义一个默认格式化程序, 该格式化程序优先于所有其他格式化程序设置。必须是提供格式化程序的扩展的标识符。
     "editor.formatOnSave": true, //在保存时格式化文件。格式化程序必须可用，延迟后文件不能保存，并且编辑器不能关闭。
     "editor.detectIndentation": false, // 控制在基于文件内容打开文件时是否自动检测 #editor.tabSize# 和 #editor.insertSpaces#。
-	"editor.tabSize": 4,
+    "editor.tabSize": 4, // 一个制表符等于的空格数。当 #editor.detectIndentation# 打开时，将根据文件内容替代此设置。
     "editor.codeActionsOnSave": {
         "source.fixAll": true, // 控制是否应在文件保存时运行自动修复操作。
         "source.fixAll.eslint": true,
         "source.fixAll.stylelint": true
     }, // 要在保存时运行的代码操作种类。
+    "files.eol": "\n" //行尾字符与.prettierrc.cjs配置一致
 }

README.md

@@ -15,8 +15,8 @@
 -   cli 创建的 Vue3/Vite 项目 与 使用 HBuilderX 导入插件 的包有差异,请直接访问 [开源地址](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template)
 -   访问[uniapp 插件](https://ext.dcloud.net.cn/plugin?id=8559)
 
-
 ### 说明
+
 -   框架完全基于 Vue3 SFC `<script setup>` 写法,不支持 Vue2;
 -   可用于学习与交流;
 -   目前测试 H5、微信小程序,APP(Android),支付宝小程序通过;
@@ -111,21 +111,16 @@
 
 ```
 
-
-
 ## 预览
 
 -   H5
 
-  ![h5](https://api-catch.ranesuangyu.top/images/20220621/364f2b47d91ae5ae82a33d33854e2540.png
+    ![h5](https://api-catch.ranesuangyu.top/images/20220621/364f2b47d91ae5ae82a33d33854e2540.png)
-  ) 
 
 -   小程序(体验版-需申请体验)
 
     ![小程序](http://api-catch.ranesuangyu.top/images/20220621/8d4388315ef5b8630d0c0b3963d1ba6b.jpg)
 
-  
-
 ## 安装使用
 
 -   安装依赖
@@ -155,6 +150,7 @@ pnpm up
 # 打开HBuilder X alpha桌面程序-->点击上面的帮助-->历次更新说明-->获取最新版本号（如：3.7.2.20230217-alpha）
 npx @dcloudio/uvm 3.7.2.20230217-alpha
 ```
+
 ## Git 贡献提交规范
 
 -   参考 [vue](https://github.com/vuejs/vue/blob/dev/.github/COMMIT_CONVENTION.md) 规范 ([Angular](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular))

index.html

@@ -1,12 +1,9 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="zh">
     <head>
         <meta charset="UTF-8" />
         <script>
-      var coverSupport =
+            var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'));
-        'CSS' in window &&
-        typeof CSS.supports === 'function' &&
-        (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'));
             document.write(
                 '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
                     (coverSupport ? ', viewport-fit=cover' : '') +
@@ -17,6 +14,7 @@
         <!--preload-links-->
         <!--app-context-->
     </head>
+
     <body>
         <div id="app"><!--app-html--></div>
         <script type="module" src="/src/main.ts"></script>

package.json

@@ -31,7 +31,7 @@
         "build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei",
         "build:quickapp-webview-union": "uni build -p quickapp-webview-union",
         "lint": "eslint --cache --max-warnings 0  \"src/**/*.{vue,ts}\" --fix",
-		"prettier": "prettier --write \"src/**/*.{js,ts,json,css,scss,vue}\"",
+        "format": "prettier --write src/",
         "prepare": "husky install"
     },
     "dependencies": {
@@ -87,9 +87,7 @@
         "typescript": "^4.9.5",
         "unocss": "^0.46.5",
         "unocss-preset-weapp": "^0.2.5",
-		"unplugin-vue-components": "^0.22.12",
+        "vite": "^4.1.4"
-		"vite": "^4.1.4",
-		"vite-plugin-eslint": "^1.8.1"
     },
     "husky": {
         "hooks": {

src/pages.json

@@ -53,9 +53,11 @@
             }
         }
     ],
-  "subPackages": [{
+    "subPackages": [
+        {
             "root": "pagesA",
-    "pages": [{
+            "pages": [
+                {
                     "path": "list/test1/index",
                     "style": {
                         "navigationBarTitleText": "test1"
@@ -63,7 +65,8 @@
                     "meta": {
                         "ignoreAuth": true
                     }
-    },{
+                },
+                {
                     "path": "list/test2/index",
                     "style": {
                         "navigationBarTitleText": "test2",
@@ -72,10 +75,13 @@
                     "meta": {
                         "ignoreAuth": true
                     }
-    }]
+                }
-  }, {
+            ]
+        },
+        {
             "root": "pagesB",
-    "pages": [{
+            "pages": [
+                {
                     "path": "detail/index",
                     "style": {
                         "navigationBarTitleText": "Detail"
@@ -83,8 +89,10 @@
                     "meta": {
                         "ignoreAuth": true
                     }
-    }]
+                }
-  }],
+            ]
+        }
+    ],
     "globalStyle": {
         "navigationBarTextStyle": "black",
         "navigationBarTitleText": "uni-app",
@@ -98,21 +106,25 @@
         "color": "#474747",
         "selectedColor": "#9BC6FC",
         "backgroundColor": "#FFFFFF",
-    "list": [{
+        "list": [
+            {
                 "pagePath": "pages/index/index",
                 "text": "首页",
                 "iconPath": "static/images/tabBar/home.png",
                 "selectedIconPath": "static/images/tabBar/selectedHome.png"
-    },{
+            },
+            {
                 "pagePath": "pages/demo/index",
                 "text": "Demo",
                 "iconPath": "static/images/tabBar/demo.png",
                 "selectedIconPath": "static/images/tabBar/selectedDemo.png"
-    },{
+            },
+            {
                 "pagePath": "pages/about/index",
                 "text": "关于",
                 "iconPath": "static/images/tabBar/about.png",
                 "selectedIconPath": "static/images/tabBar/selectedAbout.png"
-    }]
+            }
+        ]
     }
 }

src/services/api/user.ts

@@ -1 +1,2 @@
-import { request } from '@/utils/http';
+// import { request } from '@/utils/http';
+export {};

src/types/router/route.d.ts

@@ -1,5 +1,5 @@
-import { types } from 'sass';
+// import { types } from 'sass';
-import Boolean = types.Boolean;
+// import Boolean = types.Boolean;
 
 export interface Route extends Record<string, any> {
     path: string;

src/utils/http/index.ts

@@ -40,7 +40,7 @@ request.interceptors.request.use(
         }
         return options;
     },
-	(options) => Promise.reject(options)
+    (options) => Promise.reject(options),
 );
 
 /**
@@ -59,7 +59,7 @@ request.interceptors.response.use(
     (response) =>
         // 请求错误做点什么。可以使用async await 做异步操作
         // error('Request Error!');
-		Promise.reject(response)
+        Promise.reject(response),
 );
 
 export { request };

src/utils/platform.ts

@@ -20,7 +20,7 @@ export function judgePlatform(target: PLATFORMS): boolean {
     let isMpLark = false;
     let isMpQq = false;
     let isMpKuaishou = false;
-	let isMpJd = false;
+    // let isMpJd = false;
     let isMp360 = false;
     let isQuickAppWebView = false;
     let isQuickAppWebViewUnion = false;
@@ -32,111 +32,93 @@ export function judgePlatform(target: PLATFORMS): boolean {
             isVue3 = true;
             /* #endif */
             return isVue3;
-			break;
         case PLATFORMS.APP_PLUS:
             /* #ifdef APP-PLUS */
             isAppPlus = true;
             /* #endif */
             return isAppPlus;
-			break;
         case PLATFORMS.APP_PLUS_NVUE:
             /* #ifdef APP-PLUS-NVUE */
             isAppPlusNvue = true;
             /* #endif */
             return isAppPlusNvue;
-			break;
         case PLATFORMS.APP_NVUE:
             /* #ifdef APP-NVUE */
             isAppNvue = true;
             /* #endif */
             return isAppNvue;
-			break;
         case PLATFORMS.H5:
             /* #ifdef H5 */
             isH5 = true;
             /* #endif */
             return isH5;
-			break;
         case PLATFORMS.MP:
             /* #ifdef MP */
             isMp = true;
             /* #endif */
             return isMp;
-			break;
         case PLATFORMS.MP_WEIXIN:
             /* #ifdef MP-WEIXIN */
             isMpWeinxin = true;
             /* #endif */
             return isMpWeinxin;
-			break;
         case PLATFORMS.MP_ALIPAY:
             /* #ifdef MP-ALIPAY */
             isMpAlipay = true;
             /* #endif */
             return isMpAlipay;
-			break;
         case PLATFORMS.MP_BAIDU:
             /* #ifdef MP_BAIDU */
             isMpBaidu = true;
             /* #endif */
             return isMpBaidu;
-			break;
         case PLATFORMS.MP_TOUTIAO:
             /* #ifdef MP-TOUTIAO */
             isMpToutiao = true;
             /* #endif */
             return isMpToutiao;
-			break;
         case PLATFORMS.MP_LARK:
             /* #ifdef MP-LARK */
             isMpLark = true;
             /* #endif */
             return isMpLark;
-			break;
         case PLATFORMS.MP_QQ:
             /* #ifdef MP-QQ */
             isMpQq = true;
             /* #endif */
             return isMpQq;
-			break;
         case PLATFORMS.MP_KUAISHOU:
             /* #ifdef MP-KUAISHOU */
             isMpKuaishou = true;
             /* #endif */
             return isMpKuaishou;
-			break;
+        // case PLATFORMS.MP_JD:
-		case PLATFORMS.MP_JD:
+        //     /* #ifdef MP-JD */
-			/* #ifdef MP-JD */
+        //     isMpJd = true;
-			isMpJd = true;
+        //     /* #endif */
-			/* #endif */
+        //     return (isMpJd = true);
-			return (isMpJd = true);
+        //     break;
-			break;
         case PLATFORMS.MP_360:
             /* #ifdef MP-360 */
             isMp360 = true;
             /* #endif */
             return isMp360;
-			break;
         case PLATFORMS.QUICKAPP_WEBVIEW:
             /* #ifdef QUICKAPP-WEBVIEW */
             isQuickAppWebView = true;
             /* #endif */
             return isQuickAppWebView;
-			break;
         case PLATFORMS.QUICKAPP_WEBVIEW_UNION:
             /* #ifdef QUICKAPP-WEBVIEW-UNION */
             isQuickAppWebViewUnion = true;
             /* #endif */
             return isQuickAppWebViewUnion;
-			break;
         case PLATFORMS.QUICKAPP_WEBVIEW_HUAWEI:
             /* #ifdef QUICKAPP-WEBVIEW-HUAWEI */
             isQuickAppWebViewHuawei = true;
             /* #endif */
             return isQuickAppWebViewHuawei;
-			break;
         default:
             return false;
     }
-	return false;
 }

tsconfig.json

@@ -1,54 +1,25 @@
 {
-	/* 根选项 */
-	"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"], // 指定被编译文件所在的目录
-	"exclude": [], // 指定不需要被编译的目录
-	//使用小技巧：在填写路径时 ** 表示任意目录， * 表示任意文件。
-
-	/* 项目选项 */
     "compilerOptions": {
-		"target": "esnext", // 目标语言的版本
+        "target": "ESNext", // 目标语言的版本
-		"useDefineForClassFields": true, //发出符合ecmascript标准的类字段
+        "useDefineForClassFields": true, //发出符合ECMAScript标准的类字段
-		"module": "esnext", // 生成代码的模板标准
+        "module": "ESNext", // 生成代码的模板标准
-		"moduleResolution": "node", //指定TypeScript如何从给定的模块说明符中查找文件
+        "moduleResolution": "Node", //指定TypeScript如何从给定的模块说明符中查找文件
-		"jsx": "preserve", //指定生成什么JSX代码。
-		"sourceMap": true, //为发出的JavaScript文件创建源映射文件。
-		"esModuleInterop": true, // 允许export=导出，由import from 导入
-		"lib": ["esnext", "dom"], // TS需要引用的库
-		"types": ["@dcloudio/types"],
-		// "allowJs": true, // 允许编译器编译JS，JSX文件
-		// "checkJs": false, // 允许在JS文件中报错，通常与allowJS一起使用
-		"removeComments": true, // 删除注释
-		"paths": {
-			"@/*": ["./src/*"]
-		}, //指定一组条目，它们将导入重新映射到其他查找位置。
-
-		/* 严格检查选项 */
         "strict": true, // 开启所有严格的类型检查
-		"alwaysStrict": true, // 在代码中注入'use strict'
+        "jsx": "preserve", //指定生成什么JSX代码。
-		"noImplicitAny": true, // 不允许隐式的any类型
+        "resolveJsonModule": true, //是否解析 JSON 模块
-		"noImplicitThis": true, // 不允许this有隐式的any类型
+        "isolatedModules": true, // 确保每个文件都可以安全地转译，而不依赖于其他导入。
-		"strictNullChecks": true, // 在进行类型检查时，请考虑null和undefined。
+        "esModuleInterop": true, // 发出额外的JavaScript以简化对导入Common/S模块的支持。这使得allowsyntheticdefaulultimports类型兼容。
-		"strictBindCallApply": true, // 检查bind、call和apply方法的参数是否与原始函数匹配。
+        "removeComments": true, // 删除注释
-		"strictFunctionTypes": true, // 在给函数赋值时，要确保参数和返回值是子类型兼容的。
+        "types": ["@dcloudio/types"],
-		"strictPropertyInitialization": true, // 类的实例属性必须初始化
+        "paths": { "@/*": ["./src/*"] }, //指定一组条目，它们将导入重新映射到其他查找位置。
-
+        "lib": ["ESNext", "DOM"], // TS需要引用的库
-		/* 额外检查 */
+        "skipLibCheck": true, // 跳过所有.d.ts文件的类型检查
-		"noUnusedLocals": true, //是否检查未使用的局部变量
+        "noEmit": true, // 从编译中禁用发射文件。
-		"noUnusedParameters": true, //是否检查未使用的参数
-		"noImplicitReturns": true, //检查函数是否不含有隐式返回值
-		"noImplicitOverride": true, //是否检查子类继承自基类时，其重载的函数命名与基类的函数不同步问题
-		"noFallthroughCasesInSwitch": true, //检查switch中是否含有case没有使用break跳出
-		"noUncheckedIndexedAccess": true, //是否通过索引签名来描述对象上有未知键但已知值的对象
-		"noPropertyAccessFromIndexSignature": false, //是否通过" . “(obj.key) 语法访问字段和"索引”( obj[“key”])， 以及在类型中声明属性的方式之间的一致性
-
-		/* 实验选项 */
-		"experimentalDecorators": true, //是否启用对装饰器的实验性支持，装饰器是一种语言特性，还没有完全被 JavaScript 规范批准
-		"emitDecoratorMetadata": true, //为装饰器启用对发出类型元数据的实验性支持
-
-		/* 高级选项 */
-		"forceConsistentCasingInFileNames": true, //是否区分文件系统大小写规则
-		"extendedDiagnostics": false, //是否查看 TS 在编译时花费的时间
         "noEmitOnError": true, //有错误时不进行编译
-		"resolveJsonModule": true //是否解析 JSON 模块
+        "forceConsistentCasingInFileNames": true, //是否区分文件系统大小写规则
-	}
+        "experimentalDecorators": true, //是否启用对装饰器的实验性支持，装饰器是一种语言特性，还没有完全被 JavaScript 规范批准
+        "emitDecoratorMetadata": true //为装饰器启用对发出类型元数据的实验性支持
+    },
+    "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+    "references": [{ "path": "./tsconfig.node.json" }] // 引用的项目。要求TypeScript 3.0或更高版本。
 }

tsconfig.node.json

@@ -0,0 +1,9 @@
+{
+    "compilerOptions": {
+        "composite": true,
+        "module": "ESNext",
+        "moduleResolution": "Node",
+        "allowSyntheticDefaultImports": true
+    },
+    "include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "playwright.config.*"]
+}

unocss.config.js

@@ -6,10 +6,7 @@
 
 import { defineConfig, presetIcons } from 'unocss';
 import presetWeapp from 'unocss-preset-weapp';
-import {
+import { transformerAttributify, transformerClass } from 'unocss-preset-weapp/transformer';
-  transformerAttributify,
-  transformerClass,
-} from 'unocss-preset-weapp/transformer';
 
 const transformRules = {
     '.': '-d111-',

vite.config.ts

@@ -1,67 +1,26 @@
-import { ConfigEnv, UserConfig } from 'vite';
+// Vite中文网：https://vitejs.cn/config/
-import uni from '@dcloudio/vite-plugin-uni';
+import { ConfigEnv, loadEnv, UserConfig } from 'vite';
-import eslintPlugin from 'vite-plugin-eslint';
 import { resolve } from 'path';
-import { loadEnv } from 'vite';
+import uni from '@dcloudio/vite-plugin-uni';
 import Unocss from 'unocss/vite';
 
-//发布时动态修改 manifest.json
-// if (process.env.NODE_ENV === 'production') {
-// 	// 读取 manifest.json ，修改后重新写入
-// 	const fs = require('fs');
-// 	const manifestPath = './src/manifest.json';
-// 	let Manifest = fs.readFileSync(manifestPath, { encoding: 'utf-8' });
-// 	function replaceManifest(path: string, value: any) {
-// 		const arr = path.split('.');
-// 		const len = arr.length;
-// 		const lastItem = arr[len - 1];
-
-// 		let i = 0;
-// 		let ManifestArr = Manifest.split(/\n/);
-
-// 		for (let index = 0; index < ManifestArr.length; index++) {
-// 			const item = ManifestArr[index];
-// 			if (new RegExp(`"${arr[i]}"`).test(item)) ++i;
-// 			if (i === len) {
-// 				const hasComma = /,/.test(item);
-// 				ManifestArr[index] = item.replace(new RegExp(`"${lastItem}"[\\s\\S]*:[\\s\\S]*`), `"${lastItem}": ${value}${hasComma ? ',' : ''}`);
-// 				break;
-// 			}
-// 		}
-
-// 		Manifest = ManifestArr.join('\n');
-// 	}
-// 	let Data1 = new Date().toLocaleDateString();
-// 	let Data2 = new Date().toLocaleTimeString();
-// 	let Data_ = Data1.replace(/\//g, '-') + ' ' + Data2;
-// 	// 使用
-// 	replaceManifest('description', JSON.stringify(`app平台-${Data_}`));
-// 	replaceManifest(
-// 		'versionName',
-// 		JSON.stringify(
-// 			String(Number(JSON.parse(Manifest).versionCode) + 1)
-// 				.split('')
-// 				.join('.')
-// 		)
-// 	);
-// 	replaceManifest('versionCode', JSON.stringify(String(Number(JSON.parse(Manifest).versionCode) + 1)));
-// 	fs.writeFileSync(manifestPath, Manifest, { flag: 'w' });
-// }
-
-// https://vitejs.cn/config/
 export default ({ mode }: ConfigEnv): UserConfig => {
     const root = process.cwd();
     const env = loadEnv(mode, root);
     return {
         base: './',
+        // 设置路径别名
         resolve: {
             alias: {
                 '@': resolve('./src'),
             },
+            extensions: ['.js', '.json', '.ts', '.vue'], // 使用路径别名时想要省略的后缀名，可以自己 增减
         },
+        // 自定义全局变量
         define: {
             'process.env': {},
         },
+        // 开发服务器配置
         server: {
             host: true,
             // open: true,
@@ -79,21 +38,24 @@ export default ({ mode }: ConfigEnv): UserConfig => {
                 },
             },
         },
-		plugins: [
+        // 构建配置
-			uni(),
+        build: {
-			Unocss(),
+            outDir: 'dist',
-			// eslintPlugin({
+            chunkSizeWarningLimit: 1500,
-			//   include: ['src/**/*.js', 'src/**/*.vue', 'src/**/*.ts'],
+            rollupOptions: {
-			//   exclude: ['./node_modules/**'],
+                output: {
-			//   cache: false,
+                    entryFileNames: `assets/[name].${new Date().getTime()}.js`,
-			// }),
+                    chunkFileNames: `assets/[name].${new Date().getTime()}.js`,
-		],
+                    assetFileNames: `assets/[name].${new Date().getTime()}.[ext]`,
-		css: {
+                    compact: true,
-			preprocessorOptions: {
+                    // manualChunks: {
-				scss: {
+                    //     vue: ['vue', 'vue-router', 'vuex'],
-					// additionalData: '@import "@/assets/style/main.scss";',
+                    //     echarts: ['echarts'],
+                    // },
                 },
             },
         },
+        // 插件
+        plugins: [uni(), Unocss()],
     };
 };