feat: sentry接入

.sentryclirc.js

-module.exports = {
-  // Sentry options are required
-   organization: 'sentry',
-   project: 'vcc-spider-center-ui',
-   apiKey: '0d3fa45c10f047d7bfe03eb268a93c23a878d7585dc749418f728f88d65e1477',
+const crypto = require('crypto');
+const pkgInfo = require('./package.json');
+const project = pkgInfo.name;
+const hashName = crypto
+  .createHash('md5')
+  .update(project)
+  .digest('hex')
+  .substr(0, 8);
 
-   // Release version name/hash is required
-   release: 'vcc-spider-center-ui@1.0.1',
-   baseSentryURL: 'http://sentry.quantgroups.com/api/0',
-   deleteAfterCompile: true,
-   include: /static\/js\//, // 只上传js和map文件
-   ignore: ['node_modules'],
-   suppressErrors: true,
-   filenameTransform: function (filename) {
-    return '~/vcc-spider-center-ui/public/' + filename
-   },
+module.exports = {
+  org: 'sentry',
+  project,
+  authToken: '3f1f6f3789594e3a81280c1cd8d4d1008037a7abad714698b60b6f358c3d7562',
+  url: 'http://newsentry.quantgroups.com',
+  release: `${project}@1.0.0`,
+  ignore: ['node_modules', 'tests'],
+  silent: true,
+  include: [
+    {
+      paths: ['./dist/js'],
+      urlPrefix: `https://misc.lkbang.net/${hashName}/`
     }
+  ]
+};

package-lock.json

 {
-  "name": "vcc-spider-center-ui",
+  "name": "phobos-ui",
   "version": "1.0.0",
   "lockfileVersion": 1,
   "requires": true,
@@ -1158,6 +1158,41 @@
         "babel-runtime": "^6.0.0"
       }
     },
+    "@qg/sentry-cli": {
+      "version": "1.74.5",
+      "resolved": "http://npmprivate.quantgroups.com/@qg%2fsentry-cli/-/sentry-cli-1.74.5.tgz",
+      "integrity": "sha512-zXsp9b+BWSd/cyte00Xt9+U5lit5abmgoiod2XdZtGkz96NlOh+QU4lmIBytK3zpXzSp0sRf2/SUHalOMzZfkg==",
+      "dev": true,
+      "requires": {
+        "https-proxy-agent": "^5.0.0",
+        "mkdirp": "^0.5.5",
+        "node-fetch": "^2.6.7",
+        "npmlog": "^4.1.2",
+        "progress": "^2.0.3",
+        "proxy-from-env": "^1.1.0",
+        "which": "^2.0.2"
+      },
+      "dependencies": {
+        "which": {
+          "version": "2.0.2",
+          "resolved": "http://npmprivate.quantgroups.com/which/-/which-2.0.2.tgz",
+          "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        }
+      }
+    },
+    "@qg/sentry-webpack-plugin": {
+      "version": "1.19.0",
+      "resolved": "http://npmprivate.quantgroups.com/@qg%2fsentry-webpack-plugin/-/sentry-webpack-plugin-1.19.0.tgz",
+      "integrity": "sha512-3YL+cMVdHlb3EQG3kljxduu4hxo+t4ISYx0qMYS+VOlmLEH0MIP5Gxz4Oe0obExonUt2N4oUB0tNo7ycQqxt8w==",
+      "dev": true,
+      "requires": {
+        "@qg/sentry-cli": "1.74.5"
+      }
+    },
     "@qg/ui-request": {
       "version": "0.0.20",
       "resolved": "http://npmprivate.quantgroups.com/@qg%2fui-request/-/ui-request-0.0.20.tgz",
@@ -1236,6 +1271,64 @@
         }
       }
     },
+    "@sentry/browser": {
+      "version": "7.9.0",
+      "resolved": "http://npmprivate.quantgroups.com/@sentry%2fbrowser/-/browser-7.9.0.tgz",
+      "integrity": "sha512-R0/EatdSBPZ+orsD5Mu/Gq8XmEfr/KCzJv05S35GVPDkIgczIJ2AYlHgchnEO0m63jDFyWLzUteQmPZ3pao9PQ==",
+      "requires": {
+        "@sentry/core": "7.9.0",
+        "@sentry/types": "7.9.0",
+        "@sentry/utils": "7.9.0",
+        "tslib": "^1.9.3"
+      }
+    },
+    "@sentry/core": {
+      "version": "7.9.0",
+      "resolved": "http://npmprivate.quantgroups.com/@sentry%2fcore/-/core-7.9.0.tgz",
+      "integrity": "sha512-WVGd2hV7Clcpl7/GL8LsRr4Zk9o/7o4rZHfs1Qed5lMRNYcxiMwucC1CYILVpJqVfY+8vIRP9v9Ss9ta2VUikw==",
+      "requires": {
+        "@sentry/hub": "7.9.0",
+        "@sentry/types": "7.9.0",
+        "@sentry/utils": "7.9.0",
+        "tslib": "^1.9.3"
+      }
+    },
+    "@sentry/hub": {
+      "version": "7.9.0",
+      "resolved": "http://npmprivate.quantgroups.com/@sentry%2fhub/-/hub-7.9.0.tgz",
+      "integrity": "sha512-KzPbGCB5mONgsXEzqHy6uOaOuqLnhmFmSpGg+M03J6UJnJaNM7nrNp80MhStmjLMq6whEYVE07DrMAn3+iaQdg==",
+      "requires": {
+        "@sentry/types": "7.9.0",
+        "@sentry/utils": "7.9.0",
+        "tslib": "^1.9.3"
+      }
+    },
+    "@sentry/types": {
+      "version": "7.9.0",
+      "resolved": "http://npmprivate.quantgroups.com/@sentry%2ftypes/-/types-7.9.0.tgz",
+      "integrity": "sha512-VGnUgELVMpGJCYW1triO+5XSyaPjB2Zu6esUgbb8iJ5bi+OWtxklixXgwhdaTb0FDzmRL/T/pckmrIuBTLySHQ=="
+    },
+    "@sentry/utils": {
+      "version": "7.9.0",
+      "resolved": "http://npmprivate.quantgroups.com/@sentry%2futils/-/utils-7.9.0.tgz",
+      "integrity": "sha512-4f9TZvAVopgG7Lp1TcPSekSX1Ashk68Et4T8Y+60EVX5se19i0hpytbHWWwrXSrb3w0KpGANk0byoZkdaTgkYA==",
+      "requires": {
+        "@sentry/types": "7.9.0",
+        "tslib": "^1.9.3"
+      }
+    },
+    "@sentry/vue": {
+      "version": "7.9.0",
+      "resolved": "http://npmprivate.quantgroups.com/@sentry%2fvue/-/vue-7.9.0.tgz",
+      "integrity": "sha512-oHTNc31xfOqxASEQXzZ9LxN2cbKlhQNuaLQZEG4W/3mEWwJM/TLwd/0pWQPUmUQDuQlxTb56hEqCbaCPNTOPqw==",
+      "requires": {
+        "@sentry/browser": "7.9.0",
+        "@sentry/core": "7.9.0",
+        "@sentry/types": "7.9.0",
+        "@sentry/utils": "7.9.0",
+        "tslib": "^1.9.3"
+      }
+    },
     "@soda/friendly-errors-webpack-plugin": {
       "version": "1.7.1",
       "resolved": "http://npmprivate.quantgroups.com/@soda%2ffriendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.7.1.tgz",
@@ -2258,6 +2351,16 @@
       "integrity": "sha512-NTBIIbAfkJeIletyABbVtdPgeKfDafR+1mZV/AyyfC1UkVkp9iUjV+wwmqtUgphHYajbI86jejBJp5e+jkGTiQ==",
       "dev": true
     },
+    "are-we-there-yet": {
+      "version": "1.1.7",
+      "resolved": "http://npmprivate.quantgroups.com/are-we-there-yet/-/are-we-there-yet-1.1.7.tgz",
+      "integrity": "sha1-sVR0qTKtq0/4pQ2a36fk6SbyEUY=",
+      "dev": true,
+      "requires": {
+        "delegates": "^1.0.0",
+        "readable-stream": "^2.0.6"
+      }
+    },
     "argparse": {
       "version": "1.0.10",
       "resolved": "http://npmprivate.quantgroups.com/argparse/-/argparse-1.0.10.tgz",
@@ -3525,6 +3628,12 @@
         "q": "^1.1.2"
       }
     },
+    "code-point-at": {
+      "version": "1.1.0",
+      "resolved": "http://npmprivate.quantgroups.com/code-point-at/-/code-point-at-1.1.0.tgz",
+      "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
+      "dev": true
+    },
     "collection-visit": {
       "version": "1.0.0",
       "resolved": "http://npmprivate.quantgroups.com/collection-visit/-/collection-visit-1.0.0.tgz",
@@ -3686,6 +3795,12 @@
       "integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==",
       "dev": true
     },
+    "console-control-strings": {
+      "version": "1.1.0",
+      "resolved": "http://npmprivate.quantgroups.com/console-control-strings/-/console-control-strings-1.1.0.tgz",
+      "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
+      "dev": true
+    },
     "consolidate": {
       "version": "0.15.1",
       "resolved": "http://npmprivate.quantgroups.com/consolidate/-/consolidate-0.15.1.tgz",
@@ -4544,6 +4659,12 @@
       "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=",
       "dev": true
     },
+    "delegates": {
+      "version": "1.0.0",
+      "resolved": "http://npmprivate.quantgroups.com/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=",
+      "dev": true
+    },
     "depd": {
       "version": "1.1.2",
       "resolved": "http://npmprivate.quantgroups.com/depd/-/depd-1.1.2.tgz",
@@ -4960,12 +5081,6 @@
       "resolved": "http://npmprivate.quantgroups.com/es5-shim/-/es5-shim-4.5.15.tgz",
       "integrity": "sha512-FYpuxEjMeDvU4rulKqFdukQyZSTpzhg4ScQHrAosrlVpR6GFyaw14f74yn2+4BugniIS0Frpg7TvwZocU4ZMTw=="
     },
-    "es6-promise-pool": {
-      "version": "2.5.0",
-      "resolved": "http://npmprivate.quantgroups.com/es6-promise-pool/-/es6-promise-pool-2.5.0.tgz",
-      "integrity": "sha1-FHxhKza0fxBQJ/nSv1SlmKmdnMs=",
-      "dev": true
-    },
     "escalade": {
       "version": "3.0.2",
       "resolved": "http://npmprivate.quantgroups.com/escalade/-/escalade-3.0.2.tgz",
@@ -5927,6 +6042,59 @@
       "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
       "dev": true
     },
+    "gauge": {
+      "version": "2.7.4",
+      "resolved": "http://npmprivate.quantgroups.com/gauge/-/gauge-2.7.4.tgz",
+      "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
+      "dev": true,
+      "requires": {
+        "aproba": "^1.0.3",
+        "console-control-strings": "^1.0.0",
+        "has-unicode": "^2.0.0",
+        "object-assign": "^4.1.0",
+        "signal-exit": "^3.0.0",
+        "string-width": "^1.0.1",
+        "strip-ansi": "^3.0.1",
+        "wide-align": "^1.1.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "2.1.1",
+          "resolved": "http://npmprivate.quantgroups.com/ansi-regex/-/ansi-regex-2.1.1.tgz",
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+          "dev": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "1.0.0",
+          "resolved": "http://npmprivate.quantgroups.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+          "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
+          "dev": true,
+          "requires": {
+            "number-is-nan": "^1.0.0"
+          }
+        },
+        "string-width": {
+          "version": "1.0.2",
+          "resolved": "http://npmprivate.quantgroups.com/string-width/-/string-width-1.0.2.tgz",
+          "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
+          "dev": true,
+          "requires": {
+            "code-point-at": "^1.0.0",
+            "is-fullwidth-code-point": "^1.0.0",
+            "strip-ansi": "^3.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "resolved": "http://npmprivate.quantgroups.com/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
+        }
+      }
+    },
     "gensync": {
       "version": "1.0.0-beta.1",
       "resolved": "http://npmprivate.quantgroups.com/gensync/-/gensync-1.0.0-beta.1.tgz",
@@ -6165,6 +6333,12 @@
       "resolved": "http://npmprivate.quantgroups.com/has-symbols/-/has-symbols-1.0.1.tgz",
       "integrity": "sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg=="
     },
+    "has-unicode": {
+      "version": "2.0.1",
+      "resolved": "http://npmprivate.quantgroups.com/has-unicode/-/has-unicode-2.0.1.tgz",
+      "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=",
+      "dev": true
+    },
     "has-value": {
       "version": "1.0.0",
       "resolved": "http://npmprivate.quantgroups.com/has-value/-/has-value-1.0.0.tgz",
@@ -8723,6 +8897,15 @@
         "lower-case": "^1.1.1"
       }
     },
+    "node-fetch": {
+      "version": "2.6.7",
+      "resolved": "http://npmprivate.quantgroups.com/node-fetch/-/node-fetch-2.6.7.tgz",
+      "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
+      "dev": true,
+      "requires": {
+        "whatwg-url": "^5.0.0"
+      }
+    },
     "node-forge": {
       "version": "0.9.0",
       "resolved": "http://npmprivate.quantgroups.com/node-forge/-/node-forge-0.9.0.tgz",
@@ -8824,6 +9007,18 @@
         "path-key": "^2.0.0"
       }
     },
+    "npmlog": {
+      "version": "4.1.2",
+      "resolved": "http://npmprivate.quantgroups.com/npmlog/-/npmlog-4.1.2.tgz",
+      "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
+      "dev": true,
+      "requires": {
+        "are-we-there-yet": "~1.1.2",
+        "console-control-strings": "~1.1.0",
+        "gauge": "~2.7.3",
+        "set-blocking": "~2.0.0"
+      }
+    },
     "nth-check": {
       "version": "1.0.2",
       "resolved": "http://npmprivate.quantgroups.com/nth-check/-/nth-check-1.0.2.tgz",
@@ -8839,6 +9034,12 @@
       "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=",
       "dev": true
     },
+    "number-is-nan": {
+      "version": "1.0.1",
+      "resolved": "http://npmprivate.quantgroups.com/number-is-nan/-/number-is-nan-1.0.1.tgz",
+      "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
+      "dev": true
+    },
     "oauth-sign": {
       "version": "0.9.0",
       "resolved": "http://npmprivate.quantgroups.com/oauth-sign/-/oauth-sign-0.9.0.tgz",
@@ -10547,11 +10748,6 @@
       "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
       "dev": true
     },
-    "raven-js": {
-      "version": "3.27.2",
-      "resolved": "http://npmprivate.quantgroups.com/raven-js/-/raven-js-3.27.2.tgz",
-      "integrity": "sha512-mFWQcXnhRFEQe5HeFroPaEghlnqy7F5E2J3Fsab189ondqUzcjwSVi7el7F36cr6PvQYXoZ1P2F5CSF2/azeMQ=="
-    },
     "raw-body": {
       "version": "2.4.0",
       "resolved": "http://npmprivate.quantgroups.com/raw-body/-/raw-body-2.4.0.tgz",
@@ -10804,27 +11000,6 @@
         "uuid": "^3.3.2"
       }
     },
-    "request-promise": {
-      "version": "4.2.6",
-      "resolved": "http://npmprivate.quantgroups.com/request-promise/-/request-promise-4.2.6.tgz",
-      "integrity": "sha512-HCHI3DJJUakkOr8fNoCc73E5nU5bqITjOYFMDrKHYOXWXrgD/SBaC7LjwuPymUprRyuF06UK7hd/lMHkmUXglQ==",
-      "dev": true,
-      "requires": {
-        "bluebird": "^3.5.0",
-        "request-promise-core": "1.1.4",
-        "stealthy-require": "^1.1.1",
-        "tough-cookie": "^2.3.3"
-      }
-    },
-    "request-promise-core": {
-      "version": "1.1.4",
-      "resolved": "http://npmprivate.quantgroups.com/request-promise-core/-/request-promise-core-1.1.4.tgz",
-      "integrity": "sha512-TTbAfBBRdWD7aNNOoVOBH4pN/KigV6LyapYNNlAPA8JwbovRti1E88m3sYAwsLi5ryhPKsE9APwnjFTgdUjTpw==",
-      "dev": true,
-      "requires": {
-        "lodash": "^4.17.19"
-      }
-    },
     "require-directory": {
       "version": "2.1.1",
       "resolved": "http://npmprivate.quantgroups.com/require-directory/-/require-directory-2.1.1.tgz",
@@ -11730,12 +11905,6 @@
       "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=",
       "dev": true
     },
-    "stealthy-require": {
-      "version": "1.1.1",
-      "resolved": "http://npmprivate.quantgroups.com/stealthy-require/-/stealthy-require-1.1.1.tgz",
-      "integrity": "sha1-NbCYdbT/SfJqd35QmzCQoyJr8ks=",
-      "dev": true
-    },
     "stream-browserify": {
       "version": "2.0.2",
       "resolved": "http://npmprivate.quantgroups.com/stream-browserify/-/stream-browserify-2.0.2.tgz",
@@ -12456,6 +12625,12 @@
         "punycode": "^2.1.1"
       }
     },
+    "tr46": {
+      "version": "0.0.3",
+      "resolved": "http://npmprivate.quantgroups.com/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=",
+      "dev": true
+    },
     "traverse": {
       "version": "0.6.6",
       "resolved": "http://npmprivate.quantgroups.com/traverse/-/traverse-0.6.6.tgz",
@@ -12477,8 +12652,7 @@
     "tslib": {
       "version": "1.13.0",
       "resolved": "http://npmprivate.quantgroups.com/tslib/-/tslib-1.13.0.tgz",
-      "integrity": "sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q==",
-      "dev": true
+      "integrity": "sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q=="
     },
     "tsml": {
       "version": "1.0.1",
@@ -13943,6 +14117,12 @@
         "defaults": "^1.0.3"
       }
     },
+    "webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "http://npmprivate.quantgroups.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE=",
+      "dev": true
+    },
     "webpack": {
       "version": "4.43.0",
       "resolved": "http://npmprivate.quantgroups.com/webpack/-/webpack-4.43.0.tgz",
@@ -14977,17 +15157,6 @@
         "lodash": "^4.17.15"
       }
     },
-    "webpack-sentry-plugin": {
-      "version": "2.0.3",
-      "resolved": "http://npmprivate.quantgroups.com/webpack-sentry-plugin/-/webpack-sentry-plugin-2.0.3.tgz",
-      "integrity": "sha512-tRwgC7R+/BM0Sm7rJu0+laWNybFrQsI7uucZxJ4uO/D6x6dPl0loBfGiPS58iWO/pG8lp1JSPjryzGwoTp0FzQ==",
-      "dev": true,
-      "requires": {
-        "es6-promise-pool": "^2.5.0",
-        "request": "^2.85.0",
-        "request-promise": "^4.2.2"
-      }
-    },
     "webpack-sources": {
       "version": "1.4.3",
       "resolved": "http://npmprivate.quantgroups.com/webpack-sources/-/webpack-sources-1.4.3.tgz",
@@ -15031,6 +15200,16 @@
       "resolved": "http://npmprivate.quantgroups.com/weixin-js-sdk/-/weixin-js-sdk-1.6.0.tgz",
       "integrity": "sha512-3IYQH7aalJGFJrwdT3epvTdR1MboMiH7vIZ5BRL2eYOJ12BNah7csoMkmSZzkq1+l92sSq29XdTCVjCJoK2sBQ=="
     },
+    "whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "http://npmprivate.quantgroups.com/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha1-lmRU6HZUYuN2RNNib2dCzotwll0=",
+      "dev": true,
+      "requires": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
     "which": {
       "version": "1.3.1",
       "resolved": "http://npmprivate.quantgroups.com/which/-/which-1.3.1.tgz",
@@ -15052,6 +15231,15 @@
       "integrity": "sha1-Zws6+8VS4LVd9rd4DKdGFfI60cs=",
       "dev": true
     },
+    "wide-align": {
+      "version": "1.1.5",
+      "resolved": "http://npmprivate.quantgroups.com/wide-align/-/wide-align-1.1.5.tgz",
+      "integrity": "sha1-3x1MIGhUNp7PPJpImPGyP72dFdM=",
+      "dev": true,
+      "requires": {
+        "string-width": "^1.0.2 || 2 || 3 || 4"
+      }
+    },
     "win-release": {
       "version": "1.1.1",
       "resolved": "http://npmprivate.quantgroups.com/win-release/-/win-release-1.1.1.tgz",

package.json

 {
-  "name": "vcc-spider-center-ui",
+  "name": "phobos-ui",
   "version": "1.0.0",
   "private": true,
   "scripts": {
@@ -15,10 +15,10 @@
     "@qg/qg-scroll": "^1.4.2",
     "@qg/ui-request": "^0.0.20",
     "@qg/ui-track-web": "0.0.3",
+    "@sentry/vue": "^7.9.0",
     "core-js": "^3.6.5",
     "crypto-js": "^3.1.9-1",
     "js-cookie": "^2.2.1",
-    "raven-js": "^3.27.2",
     "sa-sdk-javascript": "^1.15.16",
     "vue": "2.6.11",
     "vue-router": "^3.2.0",
@@ -29,6 +29,7 @@
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.12.1",
     "@babel/plugin-proposal-optional-chaining": "^7.12.7",
     "@qg/webpack-cos-cdn-upload-plugin": "1.0.2",
+    "@qg/sentry-webpack-plugin": "^1.19.0",
     "@vue/cli-plugin-babel": "^4.4.0",
     "@vue/cli-plugin-eslint": "^4.4.0",
     "@vue/cli-plugin-router": "^4.4.0",
@@ -47,8 +48,7 @@
     "postcss-px2rem": "^0.3.0",
     "prettier": "^1.19.1",
     "svg-sprite-loader": "^5.2.1",
-    "vue-template-compiler": "^2.6.11",
-    "webpack-sentry-plugin": "^2.0.3"
+    "vue-template-compiler": "^2.6.11"
   },
   "lint-staged": {
     "src/**/*.{js,vue}": [

src/main.js

@@ -8,16 +8,15 @@ import '@/service/cherryUI.service';
 import './style/index.less';
 import saService from '@/service/sa.service';
 import Bridge from '@qg/js-bridge';
-import Raven from 'raven-js';
-import RavenVue from 'raven-js/plugins/vue';
-import { release } from '../.sentryclirc';
+import { init as sentryInit } from '@sentry/vue';
 if (process.env.SENTRY_ENV !== 'test' && process.env.NODE_ENV === 'production') {
-  Raven.config('//7b09a4aeffca4a49b37328da6a5468a9@sentry.q-gp.com/83', {
-    release,
+  sentryInit({
+    Vue,
+    dsn: 'http://ab941e35776348e6aed32324658798f3@sentry.q-gp.com/17', // 项目设置中的Client Keys
+    release: 'phobos-ui@1.0.0', // 项目名加版本号
+    tracesSampleRate: 0.5, // 上报频率, 1最大, 0最小, 建议验证设置为1, 项目运行根据情况降低频率
     environment: process.env.NODE_ENV
-  })
-    .addPlugin(RavenVue, Vue)
-    .install();
+  });
 }
 Vue.prototype.util = new Bridge();
 Vue.prototype.$track = saService;

vue.config.js

@@ -2,8 +2,9 @@ const path = require('path');
 const resolve = dir => path.join(__dirname, dir);
 const IS_PROD = process.env.NODE_ENV === 'production';
 const WebpackCosCdnUploadPlugin = require('@qg/webpack-cos-cdn-upload-plugin');
-// const SentryPlugin = require('webpack-sentry-plugin');
-// const SentryConfig = require('./.sentryclirc');
+const SentryPlugin = require('@qg/sentry-webpack-plugin');
+const SentryConfig = require('./.sentryclirc');
+const webpack = require('webpack');
 // cdn预加载使用
 const externals = {
   vue: 'Vue',
@@ -88,6 +89,11 @@ module.exports = {
           priority: 10,
           chunks: 'initial' // only package third parties that are initially dependent
         },
+        sentry: {
+          name: 'chunk-sentry', // sentry
+          priority: 20, // the weigh1t needs to be larger than libs and app or it will be packaged into libs or app
+          test: /[\\/]node_modules[\\/]@sentry[\\/]/ // in order to adapt to cnpm
+        },
         libs: {
           name: 'chunk-libs', // 分离非在入口加载的，但是引用超过2次的依赖
           test: /[\\/]node_modules[\\/]/,
@@ -127,8 +133,13 @@ module.exports = {
     if (IS_PROD) {
       config.externals = externals;
       configObj = {
-        // plugins: [new SentryPlugin(SentryConfig), new WebpackCosCdnUploadPlugin()]
-        plugins: [new WebpackCosCdnUploadPlugin()]
+        plugins: [
+          new WebpackCosCdnUploadPlugin(),
+          new SentryPlugin(SentryConfig),
+          new webpack.DefinePlugin({
+            'process.env.SENTRY_ENV': `"${process.env.SENTRY_ENV || ''}"`
+          })
+        ]
       };
     }
     return configObj;