chore: ➕添加sentry

Author: fxss5201

.env.production

@@ -0,0 +1 @@
+RELEASE_VERSION ="v1.0.0"

.gitignore

@@ -6,6 +6,7 @@ node_modules
 # local env files
 .env.local
 .env.*.local
+.sentryclirc
 
 # Log files
 npm-debug.log*

package-lock.json

@@ -38,6 +38,7 @@
     "@babel/plugin-syntax-dynamic-import": "^7.2.0",
     "@commitlint/cli": "^8.3.5",
     "@commitlint/config-conventional": "^8.3.4",
+    "@sentry/webpack-plugin": "^1.12.0",
     "@vue/cli-plugin-babel": "^4.0.5",
     "@vue/cli-plugin-eslint": "^4.0.5",
     "@vue/cli-plugin-unit-jest": "^4.0.5",

package.json

@@ -14,10 +14,14 @@ import AsideAd from '@/components/AsideAd.vue'
 import * as Sentry from '@sentry/browser'
 import { Vue as VueIntegration } from '@sentry/integrations'
 
-Sentry.init({
-  dsn: 'http://[email protected]:9000/2',
-  integrations: [new VueIntegration({ Vue, attachProps: true, logErrors: true })]
-})
+if (process.env.NODE_ENV === 'production') {
+  Sentry.init({
+    dsn: 'https://[email protected]/5296080',
+    release: process.env.RELEASE_VERSION,
+    environment: process.env.NODE_ENV,
+    integrations: [new VueIntegration({ Vue, attachProps: true, logErrors: true })]
+  })
+}
 
 // console.log(process.env.VUE_APP_host)
 // console.log(process.env.VUE_APP_pathname)

src/main.js

@@ -1,11 +1,14 @@
 const CompressionPlugin = require('compression-webpack-plugin')
 const productionGzipExtensions = ['js', 'css']
+
+const SentryPlugin = require('@sentry/webpack-plugin')
+
 module.exports = {
   publicPath: '/vue-blog/',
-  outputDir: 'docs',
+  outputDir: 'dist',
   assetsDir: undefined,
   runtimeCompiler: undefined,
-  productionSourceMap: undefined,
+  productionSourceMap: true,
   parallel: undefined,
 
   css: {
@@ -68,6 +71,16 @@ module.exports = {
           minRatio: 0.8
         })
       )
+
+      config.plugins.push(
+        new SentryPlugin({
+          include: './dist/',
+          release: process.env.RELEASE_VERSION, // 一致的版本号
+          configFile: 'sentry.properties', // 不用改
+          ignore: ['node_modules', 'webpack.config.js'],
+          urlPrefix: '~/vue-blog/' // 这里指的你项目需要观测的文件如果你的项目有publicPath这里加上就对了
+        })
+      )
     } else {
       // 开发环境
     }