获取更多动态,关注公众号:黑客下午茶

Source Maps

Sentry 支持通过 source maps(源代码映射)对 JavaScript 进行 un-minifying,这允许您以原始的未转换形式查看从堆栈跟踪中获得的源代码上下文。这对于调试压缩后的代码(例如,UglifyJS)或从高级语言编译的代码(如 TypeScriptES6)特别有用。

Capturing Source Maps

大多数现代 JavaScript 编译器都支持 source maps。下面你会发现我们推荐的说明,但我们也提供了各种常用工具的说明:

我们建议使用 Sentry's Webpack plugin 来配置 source maps 并在构建过程中自动上传它们:

Copied
npm install --save-dev @sentry/webpack-plugin

接下来,您需要为我们的 API 生成 access token。在您的组织设置中,导航到 Developer Settingscreate a new internal integration,并提供一个适合您组织的名称。重要: 选择 Releases -> Admin,针对权限。

你可以通过它的文档机制来配置 sentry-cli,或者在初始化插件时简单地绑定所需的参数:

webpack.config.js
Copied
const SentryWebpackPlugin = require("@sentry/webpack-plugin");

module.exports = {
  // other configuration
  configureWebpack: {
    plugins: [
      new SentryWebpackPlugin({
        // sentry-cli configuration
        authToken: process.env.SENTRY_AUTH_TOKEN,
        org: "exmaple-org",
        project: "example-project",

        // webpack specific configuration
        include: ".",
        ignore: ["node_modules", "webpack.config.js"],
      }),
    ],
  },
};

其他信息可以在我们的 Webpack documentation 中找到。

Additional Resources

You can edit this page on GitHub.