Uploading SourceMap During Project Build¶

 npm install @cloudcare/webpack-plugin --D

// ....
const { GuanceSourceMapUploadWebpackPlugin } = require('@cloudcare/webpack-plugin')
module.exports = ({ mode }) => ({
  //.....
  devtool: 'hidden-source-map',
  plugins: [
    //.....
    new GuanceSourceMapUploadWebpackPlugin({
      applicationId: 'xxxxx', // Guance application appid
      apiKey: 'xxxxxxxx', // open apikey
      server: 'https://console.guance-xxx.cn',
      filepaths: ['dist/'], // Directories or files to search
      logLevel: 'verbose', // Log level, optional
      root: 'dist/', // Directory for calculating relative paths, optional
      env: 'production', // Guance application env, optional
      version: '1.0.0', // Guance application version, optional
    }),
  ],
})

interface Options {
  /**
   *
   * Files/directories to search for sourcemaps.
   * All files that match the list of "extensions" configuration but do not match the "ignore" configuration will be searched
   * for sourcemap JSON or `//#sourceMappingURL=` comments to find generated files + source map pairs, which will then be uploaded.
   */
  filepaths: Array<string> | string

  /**
   * OpenApi Key generated by the Guance platform, see (https://docs.guance.com/management/api-key/open-api/#_1) for generation method
   */
  apiKey: string

  /**
   * Guance OpenApi service
   */
  server: string
  /**
   * ApplicationId (required) for the Guance RUM application
   */
  applicationId: string
  /**
   * Version (optional) for the Guance RUM application
   */
  version?: string
  /**
   * Env (optional) for the Guance RUM application
   */
  env?: string

  /**
   * Search all matching files without uploading them, useful for debugging
   */
  dryRun?: boolean

  /**
   * Delete all found source map files after upload.
   */
  deleteAfterUpload?: boolean
  /**
   * Attempt to match source maps by filename on local disk if sourceMappingURL cannot match with the generated file
   */
  matchSourcemapsByFilename?: boolean

  /**
   * List of file extensions to search within directories
   * Default [".js", ".map"].
   */
  extensions?: Array<string>

  /**
   * List of files to ignore
   */
  ignore?: Array<string>

  /**
   * Directory for calculating relative paths. The relative path of uploaded sourcemaps should be included in the error path,
   * so this parameter controls the relative directory of uploads.
   * Default is the relative path from the execution directory to the search directory `path.relative(process.cwd(), filepath)`
   */
  root?: string
  /**
   * Debugging log level
   */
  logLevel?: 'quiet' | 'normal' | 'verbose'
}

 const { GuanceSourceMapUploadWebpackPlugin } = require('@cloudcare/webpack-plugin')
 = require('@cloudcare/webpack-plugin')

module.exports = {
  // Ensure that Webpack has been configured to output sourcemaps,
  // but without the `sourceMappingURL` references in build artifacts.
  devtool: 'hidden-source-map',
  // ...
  plugins: [
    // Enable our plugin to upload the sourcemaps once the build has completed.
    // This assumes NODE_ENV is how you distinguish production builds. If that
    // is not the case for you, you will have to tweak this logic.
    process.env.NODE_ENV === 'production'
      ? [
          new GuanceSourceMapUploadWebpackPlugin({
            ...
            deleteAfterUpload: true,
            matchSourcemapsByFilename: true,
          }),
        ]
      : [],
  ],
}