feat: sentry接入

.sentryclirc.js

-module.exports = {
-  // Sentry options are required
-   organization: 'sentry',
-   project: 'cauchy-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: 'cauchy-ui@1.0.0',
-   baseSentryURL: 'http://sentry.quantgroups.com/api/0',
-   deleteAfterCompile: true,
-   include: /static\/js\//, // 只上传js和map文件
-   ignore: ['node_modules'],
-   suppressErrors: true,
-   filenameTransform: function (filename) {
-    return '~/cauchy-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.json

@@ -15,6 +15,7 @@
     "@qg/qg-scroll": "^1.4.2",
     "@qg/ui-request": "0.0.20",
     "@qg/ui-track-web": "0.0.3",
+    "@sentry/vue": "^7.9.0",
     "clipboard": "^2.0.8",
     "core-js": "^3.6.5",
     "crypto-js": "^3.3.0",
@@ -31,6 +32,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",

src/main.js

@@ -8,21 +8,20 @@ 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';
 import fontResize from './directives/fontResize';
 import cfg from './config';
 import FastClick from 'fastclick';
 FastClick.attach(document.body, { tapDelay: 1 });
 
 if (process.env.SENTRY_ENV !== 'test' && process.env.NODE_ENV === 'production') {
-  Raven.config('//7fc2cea5ef8244fd9b4cf13051e408d8@sentry.quantgroups.com/73', {
-    release,
+  sentryInit({
+    Vue,
+    dsn: 'http://d7ca98c07c6946b6b56a54b9707cb9b3@sentry.q-gp.com/15', // 项目设置中的Client Keys
+    release: 'cauchy-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 = new uiTrack({

vue.config.js

 const path = require('path');
 const resolve = dir => path.join(__dirname, dir);
 const IS_PROD = process.env.NODE_ENV === 'production';
+const webpack = require('webpack');
 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');
 // cdn预加载使用
 const externals = {
   vue: 'Vue',
@@ -131,8 +132,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;