优化

.gitignore

@@ -22,3 +22,4 @@ pnpm-debug.log*
 *.sln
 *.sw?
 /php_backend
+report.html

package.json

@@ -4,6 +4,7 @@
   "scripts": {
     "dev": "vite --host",
     "build": "vite build",
+    "report": "vite build",
     "serve": "vite preview"
   },
   "dependencies": {
@@ -12,18 +13,17 @@
     "core-js": "3.21.1",
     "dayjs": "1.11.0",
     "gl-matrix": "3.4.3",
-    "lodash": "4.17.21",
     "mitt": "3.0.0",
     "lodash-es": "^4.17.21",
     "mockjs": "1.1.0",
     "pinia": "^2.1.7",
     "pinyin": "2.11.1",
     "swiper": "8.4.6",
-    "vconsole": "3.15.1",
     "vue": "3.4.21",
     "vue-masonry": "0.16.0",
     "vue-router": "4.3.0",
     "vue-switches": "2.0.1",
+    "mobile-select": "1.1.2",
     "vuex": "4.1.0"
   },
   "devDependencies": {
@@ -32,8 +32,8 @@
     "@vitejs/plugin-vue": "4.0.0",
     "@vitejs/plugin-vue-jsx": "3.0.0",
     "less": "4.1.3",
-    "mobile-select": "1.1.2",
     "unplugin-vue-macros": "^2.7.10",
+    "rollup-plugin-visualizer": "^5.9.2",
     "unplugin-vue-define-options": "^1.4.1",
     "vite": "4.5.2"
   }

pnpm-lock.yaml

@@ -79,6 +79,9 @@ devDependencies:
   mobile-select:
     specifier: 1.1.2
     version: 1.1.2
+  rollup-plugin-visualizer:
+    specifier: ^5.9.2
+    version: 5.12.0
   unplugin-vue-define-options:
     specifier: ^1.4.1
     version: 1.4.2(vue@3.4.21)
@@ -1512,15 +1515,6 @@ packages:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
 
-  /errno@0.1.8:
-    resolution: {integrity: sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==}
-    hasBin: true
-    requiresBuild: true
-    dependencies:
-      prr: 1.0.1
-    dev: true
-    optional: true
-
   /esbuild@0.18.20:
     resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
     engines: {node: '>=12'}
@@ -1721,14 +1715,6 @@ packages:
     dev: true
     optional: true
 
-  /image-size@0.5.5:
-    resolution: {integrity: sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==}
-    engines: {node: '>=0.10.0'}
-    hasBin: true
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /imagesloaded@4.1.4:
     resolution: {integrity: sha512-ltiBVcYpc/TYTF5nolkMNsnREHW+ICvfQ3Yla2Sgr71YFwQ86bDwV9hgpFhFtrGPuwEx5+LqOHIrdXBdoWwwsA==}
     dependencies:
@@ -1818,13 +1804,13 @@ packages:
       parse-node-version: 1.0.1
       tslib: 2.6.2
     optionalDependencies:
-      errno: 0.1.8
+      errno: r2.cnpmjs.org/errno@0.1.8
       graceful-fs: 4.2.11
-      image-size: 0.5.5
+      image-size: r2.cnpmjs.org/image-size@0.5.5
-      make-dir: 2.1.0
+      make-dir: r2.cnpmjs.org/make-dir@2.1.0
-      mime: 1.6.0
+      mime: r2.cnpmjs.org/mime@1.6.0
       needle: 3.2.0
-      source-map: 0.6.1
+      source-map: r2.cnpmjs.org/source-map@0.6.1
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -1873,16 +1859,6 @@ packages:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  /make-dir@2.1.0:
-    resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==}
-    engines: {node: '>=6'}
-    requiresBuild: true
-    dependencies:
-      pify: 4.0.1
-      semver: 5.7.2
-    dev: true
-    optional: true
-
   /make-dir@3.1.0:
     resolution: {integrity: sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==}
     engines: {node: '>=8'}
@@ -1911,14 +1887,6 @@ packages:
       mime-db: 1.52.0
     dev: false
 
-  /mime@1.6.0:
-    resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==}
-    engines: {node: '>=4'}
-    hasBin: true
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
     requiresBuild: true
@@ -2052,19 +2020,6 @@ packages:
     resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==}
     dev: true
 
-  /nodejieba@2.5.2:
-    resolution: {integrity: sha512-ByskJvaBrQ2eV+5M0OeD80S5NKoGaHc9zi3Z/PTKl/95eac2YF8RmWduq9AknLpkQLrLAIcqurrtC6BzjpKwwg==}
-    engines: {node: '>= 10.20.0'}
-    requiresBuild: true
-    dependencies:
-      '@mapbox/node-pre-gyp': 1.0.11
-      node-addon-api: 3.2.1
-    transitivePeerDependencies:
-      - encoding
-      - supports-color
-    dev: false
-    optional: true
-
   /nopt@5.0.0:
     resolution: {integrity: sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==}
     engines: {node: '>=6'}
@@ -2167,7 +2122,7 @@ packages:
       commander: 1.1.1
       object-assign: 4.1.1
     optionalDependencies:
-      nodejieba: 2.5.2
+      nodejieba: r2.cnpmjs.org/nodejieba@2.5.2
     transitivePeerDependencies:
       - encoding
       - supports-color
@@ -2319,7 +2274,7 @@ packages:
   /source-map@0.6.1:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
-    requiresBuild: true
+    dev: false
 
   /ssr-window@4.0.2:
     resolution: {integrity: sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ==}
@@ -2706,3 +2661,70 @@ packages:
     requiresBuild: true
     dev: false
     optional: true
+
+  r2.cnpmjs.org/errno@0.1.8:
+    resolution: {integrity: sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==, registry: https://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/errno/-/errno-0.1.8.tgz}
+    name: errno
+    version: 0.1.8
+    hasBin: true
+    requiresBuild: true
+    dependencies:
+      prr: 1.0.1
+    dev: true
+    optional: true
+
+  r2.cnpmjs.org/image-size@0.5.5:
+    resolution: {integrity: sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==, registry: https://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/image-size/-/image-size-0.5.5.tgz}
+    name: image-size
+    version: 0.5.5
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  r2.cnpmjs.org/make-dir@2.1.0:
+    resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==, registry: https://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/make-dir/-/make-dir-2.1.0.tgz}
+    name: make-dir
+    version: 2.1.0
+    engines: {node: '>=6'}
+    requiresBuild: true
+    dependencies:
+      pify: 4.0.1
+      semver: 5.7.2
+    dev: true
+    optional: true
+
+  r2.cnpmjs.org/mime@1.6.0:
+    resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==, registry: https://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/mime/-/mime-1.6.0.tgz}
+    name: mime
+    version: 1.6.0
+    engines: {node: '>=4'}
+    hasBin: true
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  r2.cnpmjs.org/nodejieba@2.5.2:
+    resolution: {integrity: sha512-ByskJvaBrQ2eV+5M0OeD80S5NKoGaHc9zi3Z/PTKl/95eac2YF8RmWduq9AknLpkQLrLAIcqurrtC6BzjpKwwg==, registry: https://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/nodejieba/-/nodejieba-2.5.2.tgz}
+    name: nodejieba
+    version: 2.5.2
+    engines: {node: '>= 10.20.0'}
+    requiresBuild: true
+    dependencies:
+      '@mapbox/node-pre-gyp': 1.0.11
+      node-addon-api: 3.2.1
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+    dev: false
+    optional: true
+
+  r2.cnpmjs.org/source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==, registry: https://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/source-map/-/source-map-0.6.1.tgz}
+    name: source-map
+    version: 0.6.1
+    engines: {node: '>=0.10.0'}
+    requiresBuild: true
+    dev: true
+    optional: true

src/mock/index.js

@@ -3,8 +3,7 @@ import globalMethods from '../utils'
 import resource from "../assets/data/resource.js";
 import posts6 from "@/assets/data/posts6.json";
 import users from '@/assets/data/users.json'
-import post from '@/assets/data/post.json'
+import {uniqueId} from "lodash-es";
-import {sample, shuffle, uniqueId} from "lodash-es";
 
 function getParams(options) {
   let params = globalMethods.$parseURL(options.url).params
@@ -97,50 +96,6 @@ Mock.mock(/recommended/, options => {
   })
 })
 
-// Mock.Random.extend({
-//   user-imgs: function (date) {
-//     return this.pick([
-//       require('../assets/img/poster/1.jpg'),
-//       require('../assets/img/poster/2.jpg'),
-//       require('../assets/img/poster/3.jpg'),
-//       require('../assets/img/poster/4.jpg'),
-//       require('../assets/img/poster/5.jpg'),
-//       require('../assets/img/poster/6.jpg'),
-//       require('../assets/img/poster/7.jpg'),
-//       require('../assets/img/poster/8.jpg'),
-//       require('../assets/img/poster/9.jpg'),
-//       require('../assets/img/poster/10.jpg'),
-//       require('../assets/img/poster/11.jpg'),
-//     ])
-//   }
-// })
-// !(function me() {
-//   let my = {total: Mock.Random.natural(1, 20)}
-//   my[`list|${my.total > 10 ? 10 : my.total}`] = [{'like|10000-990000': 1000000, src: '@user-imgs'}]
-//
-//   let private1 = {total: Mock.Random.natural(1, 20)}
-//   private1[`list|${private1.total > 10 ? 10 : private1.total}`] = [{'like|10000-990000': 1000000, src: '@user-imgs'}]
-//
-//   let like = {total: Mock.Random.natural(1, 20)}
-//   like[`list|${like.total > 10 ? 10 : like.total}`] = [{'like|10000-990000': 1000000, src: '@user-imgs'}]
-//
-//   let collect = {total: Mock.Random.natural(1, 20)}
-//   collect[`list|${collect.total > 10 ? 10 : collect.total}`] = [{'like|10000-990000': 1000000, src: '@user-imgs'}]
-//
-//   const data = Mock.mock({
-//     'data': {
-//       my,
-//       private: private1,
-//       like,
-//       collect
-//     },
-//     code: 200,
-//     msg: '',
-//   })
-//   Mock.mock('me', data)
-// }())
-
-
 Mock.mock(/my/, options => {
   let page = getPage(options)
   console.log('mock', page)
@@ -205,7 +160,7 @@ Mock.mock(/user\/profile\/other/, options => {
     // data: sample(users), code: 200, msg: '',
     data: {
       user: users[0].user,
-      post: post
+      post: []
     }, code: 200, msg: '',
   })
 })
@@ -213,6 +168,6 @@ Mock.mock(/user\/profile\/other/, options => {
 Mock.mock(/aweme\/post/, options => {
   return Mock.mock({
     // data: sample(users), code: 200, msg: '',
-    data: post, code: 200, msg: '',
+    data: [], code: 200, msg: '',
   })
 })

src/pages/home/SearchPage.vue

@@ -198,7 +198,7 @@
 </template>
 <script>
 import Search from "../../components/Search";
-import _ from 'lodash-es'
+import {sampleSize} from 'lodash-es'
 import Dom from "../../utils/dom";
 import {nextTick} from "vue";
 
@@ -645,7 +645,7 @@ export default {
       clearInterval(this.timer)
     },
     refresh() {
-      this.randomGuess = _.sampleSize(this.guess, 6)
+      this.randomGuess = sampleSize(this.guess, 6)
     },
     toggle() {
       if (this.isExpand) {

vite.config.js

@@ -3,12 +3,15 @@ import Vue from '@vitejs/plugin-vue'
 import VueJsx from '@vitejs/plugin-vue-jsx'
 import VueMacros from 'unplugin-vue-macros/vite'
 import {resolve} from 'path'
+import {visualizer} from "rollup-plugin-visualizer";
 import DefineOptions from 'unplugin-vue-define-options/vite' // 引入插件
 
 function pathResolve(dir) {
   return resolve(__dirname, ".", dir)
 }
 
+const lifecycle = process.env.npm_lifecycle_event;
+
 export const ssrTransformCustomDir = () => {
   return {
     props: [],
@@ -33,6 +36,14 @@ export default defineConfig({
 
     Vue(),
     VueJsx(),
+    lifecycle === 'report' ?
+      visualizer({
+        gzipSize: true,
+        brotliSize: true,
+        emitFile: false,
+        filename: "report.html", //分析图生成的文件名
+        open: true //如果存在本地服务端口，将在打包后自动展示
+      }) : null,
   ],
   resolve: {
     alias: {