前端日志监控平台sentry使用 @sentry/browser @sentry/webpack-plugin

1.新旧SDK对比

sentry前不久更新了js-jdk,以前使用的raven-js与webpack-sentry-plugin更新成了@sentry/browser @sentry/webpack-plugin

旧                          新
raven-js                    @sentry/browser        前端错误日志上报SDK
webpack-sentry-plugin       @sentry/webpack-plugin webpack项目sourcemap上传插件

目前两套插件都可以正常使用，但是随着根据官方的脚步，新的必将慢慢替代旧的，所以有空有闲的程序猿／媛们动起来吧。

2.@sentry/browser用法

2.1 sentry账号注册

以VUE项目为例，我们在sentry官网https://sentry.io先注册一个账号。

创建一个项目,选择Browser分类下的vue,然后起一个项目名vuexxx,点击创建项目

创建成功会出现项目注意事项简介，说明基本用法

选择确定，进入项目，默认页面如下，注意地址栏用红色圈出的部分，在上传sourcemap的时候将用到，右上角圈出来的Environment可以在初始化的时候进行设置，查看错误的时候我们可以选择测试或