Copy as Markdown[Open in ChatGPT](https://chatgpt.com/?q=Read%20https%3A%2F%2Fcoralogix.com%2Fdocs%2Fuser-guides%2Frum%2Fsdk-installation%2Fjavascript%2Fbundler-plugins%2Fwebpack.md%20and%20help%20me%20with%20my%20question%20about%20this%20Coralogix%20documentation%20page.)[Open in Claude](https://claude.ai/new?q=Read%20https%3A%2F%2Fcoralogix.com%2Fdocs%2Fuser-guides%2Frum%2Fsdk-installation%2Fjavascript%2Fbundler-plugins%2Fwebpack.md%20and%20help%20me%20with%20my%20question%20about%20this%20Coralogix%20documentation%20page.)

# Coralogix Webpack Plugin

[![npm version](https://img.shields.io/npm/v/@coralogix/webpack-plugin)](https://www.npmjs.com/package/@coralogix/webpack-plugin) [![npm dm](https://img.shields.io/npm/dm/@coralogix/webpack-plugin)](https://www.npmjs.com/package/@coralogix/webpack-plugin) [![npm dt](https://img.shields.io/npm/dt/@coralogix/webpack-plugin)](https://www.npmjs.com/package/@coralogix/webpack-plugin)

> A Webpack plugin that creates metadata asset for support micro frontend in Coralogix.

## Installation[​](#installation "Direct link to Installation")

```
npm i -D @coralogix/webpack-plugin
```

## Example[​](#example "Direct link to Example")

```
// webpack.config.js

const { CoralogixWebpackPlugin } = require("@coralogix/webpack-plugin");



module.exports = {

  // ... other config above ...



  plugins: [

    new CoralogixWebpackPlugin({

      app:'test-app',

      version:'1.0.0'

    }),

  ],

};
```

## Options[​](#options "Direct link to Options")

| Option      | Type   | Description                                                                                                                             |
| ----------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------- |
| `app`       | string | Name of the micro frontend. Coralogix labels errors from this bundle with it.                                                           |
| `version`   | string | Version of the micro frontend, labelled alongside `app`.                                                                                |
| `outputDir` | string | Optional. Directory to write `cx-metadata.json` into, relative to the build output directory. Defaults to the root of the build output. |

Set `outputDir` when the bundle is served from somewhere other than the root of the output directory, so the RUM SDK finds the metadata next to the assets it describes.