Giter Site home page Giter Site logo

sentry-webpack-plugin's Introduction

FORK FROM sentry-webpack-plugin

Usage:

const SentryWebpackPlugin = require("@js-core/sentry-webpack-plugin");

const config = {
  plugins: [
    new SentryCliPlugin({
        url: "https://xxx/",
        authToken: "xxxx",
        org: "xxx",
        project: "xxx",
        include: "./dist",
        ignore: ["node_modules", "webpack.config.js"],
        urlPrefix: `cdn address`,
        // 以下是新增选项
        replacePattern: [{ 
          asset: "app.min.js",  // 表示要对源码执行 handler 配置的处理
          handler: "./scripts/add-comments.js" // 
        }],
        // replacePattern: "./scripts/replace.js", 也支持传入字符串
        cleanUp: "./scripts/clean-map-files.js", // 执行清理工作
        releaseHook: "./scripts/release-hook.js", // 支持自定义release名称
    }),
  ],
};

./scripts/add-comments.js 文件如下:

const crypto = require('crypto');

module.exports = function (code, { asset, pattern, compilation }) {
  const options = this.options;
  const hash = crypto.createHash('md5').update(code).digest('hex');
  return `${code}
  // hash values: ${hash}
  // built date: ${new Date()}`;
}

./scripts/clean-map-files.js 文件如下:

const fs = require("fs");
module.exports = function(opts, compilation) {
  Object.keys(compilation.assets).forEach(fileName => {
    if (fileName.endWith(".js.map")) { 
      fs.unlink(fileName);
    }
  })
};

sentry-webpack-plugin's People

Contributors

alanwei43 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.