优化

2024-03-21 12:08:44 +08:00 · 2024-03-21 12:08:44 +08:00 · 3aff7af06d
commit 3aff7af06d
parent 0a470ccfd7
8 changed files with 98 additions and 38449 deletions
--- a/.gitignore
+++ b/.gitignore
@ -21,4 +21,5 @@ pnpm-debug.log*
 *.njsproj
 *.sln
 *.sw?
-/php_backend
+/php_backend
+report.html
--- a/package.json
+++ b/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"
  }
--- a/pnpm-lock.yaml
+++ b/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
-      make-dir: 2.1.0
-      mime: 1.6.0
+      image-size: r2.cnpmjs.org/image-size@0.5.5
+      make-dir: r2.cnpmjs.org/make-dir@2.1.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
--- a/src/assets/data/post.json
+++ b/src/assets/data/post.json
--- a/src/assets/img/poster/a.jpg
+++ b/src/assets/img/poster/a.jpg
--- a/src/mock/index.js
+++ b/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 {sample, shuffle, uniqueId} from "lodash-es";
+import {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: '',
  })
 })
--- a/src/pages/home/SearchPage.vue
+++ b/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) {
--- a/vite.config.js
+++ b/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: {