feat:添加 打包体积分析 and 统一函数书写方式 (Evansy#35)

.gitignore

@@ -13,6 +13,7 @@ dist
 dist-ssr
 coverage
 *.local
+report.html
 
 /cypress/videos/
 /cypress/screenshots/

package.json

@@ -10,7 +10,8 @@
     "dev": "vite --host",
     "build": "run-p type-check build-only",
     "preview": "vite preview",
-    "build-only": "vite build",
+    "report": "rimraf dist && vite build",
+    "build-only": "rimraf dist && vite build",
     "type-check": "vue-tsc --noEmit",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
     "link:format": "prettier --write src/",
@@ -54,6 +55,8 @@
     "postcss-html": "^1.5.0",
     "postcss-scss": "^4.0.6",
     "prettier": "^2.8.8",
+    "rimraf": "^5.0.1",
+    "rollup-plugin-visualizer": "^5.9.0",
     "sass": "^1.62.1",
     "stylelint": "^15.6.3",
     "stylelint-config-prettier": "^9.0.5",

src/utils/copy.ts

@@ -1,4 +1,4 @@
-export function copyToClip(text: string) {
+export const copyToClip = (text: string) => {
   return new Promise((resolve, reject) => {
     try {
       const input: HTMLTextAreaElement = document.createElement('textarea')

src/views/Home/components/ChatList/MsgItem/index.vue

@@ -80,7 +80,7 @@ const scrollToMsg = async (msg: MessageItemContentType) => {
 }
 
 /** 右键菜单 */
-function handleRightClick(e: MouseEvent, msg: MessageItemType) {
+const handleRightClick = (e: MouseEvent, msg: MessageItemType) => {
   ContextMenu.showContextMenu({
     theme: 'mac dark',
     items: [

vite.config.ts

@@ -9,9 +9,12 @@ import IconsResolver from 'unplugin-icons/resolver'
 import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components/vite'
 import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+import { visualizer } from 'rollup-plugin-visualizer'
 
 const pathSrc = path.resolve(__dirname, 'src')
 
+const lifecycle = process.env.npm_lifecycle_event
+
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
@@ -36,6 +39,8 @@ export default defineConfig({
       dts: path.resolve(pathSrc, 'components.d.ts'),
     }),
     Icons({ autoInstall: true }),
+    // 打包分析
+    lifecycle === 'report' ? visualizer({ open: true, brotliSize: true, filename: 'report.html' }) : null,
   ],
   resolve: {
     alias: {