Webpack plugin

Client-side Extensions webpack plugin depends on WRM webpack plugin.

Refer to the setup guide to check how to install and configure the webpack plugin.


pattern*Glob pattern to specify which files should be consider as entry-points.
cwdConfigure a working directory to look for entry-points

* required


Generates all the entry-point definitions for the webpack entry configuration.


const path = require('path');
const ClientsideExtensionsWebpackPlugin = require('@atlassian/clientside-extensions-webpack-plugin');
const WrmPlugin = require('atlassian-webresource-webpack-plugin');

const wrmPlugin = new WrmPlugin(/*...*/);

const clientsideExtensions = new ClientsideExtensionsWebpackPlugin({
    pattern: '**/clientside-extensions/**/*.tsx',
    cwd: path.join(__dirname, './src/main/frontend'),

module.exports = {
    entry: {
    plugins: [wrmPlugin, clientsideExtensions],

Self troubleshooting tool

We provide a tool that helps troubleshoot the configuration of webpack and Atlassian P2 projects.

To check if your project was configured correctly, open a terminal and navigate to the root directory of your project. Next, run the troubleshooting command:

npx @atlassian/wrm-troubleshooting

The tool will ask you a few questions and guide you if it finds issues with your projects' configuration.

You can read more about the troubleshooting tool on the [NPM page for the @atlassian/wrm-troubleshooting package][https://www.npmjs.com/package/@atlassian/wrm-troubleshooting].

Rate this page: