# @talend/react-cmf-webpack-plugin

> @talend/react-cmf webpack plugin for merging CMF settings

Latest version **6.41.0** (published 2025-09-09) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @talend/react-cmf-webpack-plugin
pnpm add @talend/react-cmf-webpack-plugin
yarn add @talend/react-cmf-webpack-plugin
bun add @talend/react-cmf-webpack-plugin
```

## Health

**Score 40/100 (D)** — status: stable.

Positive: no vulnerabilities; high maintenance score.

Warnings: low downloads; no types; no esm support.

Negative: stale.

## Facts

| | |
|---|---|
| Version | 6.41.0 |
| Published | 2025-09-09 |
| First published | 2018-03-01 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 20.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 159 |
| Author | Talend Frontend |
| Maintainers | talend-frontend |
| Keywords | react, cmf, webpack, plugin, framework |

## Links

- npm: https://www.npmjs.com/package/@talend/react-cmf-webpack-plugin
- Repository: https://github.com/Talend/ui
- Homepage: https://github.com/Talend/ui/blob/master/packages/cmf/README.md
- Issues: https://github.com/Talend/ui/issues
- npm.io page: https://npm.io/package/@talend/react-cmf-webpack-plugin

## Dependencies (3)

- [lodash](https://npm.io/package/lodash.md) ^4.17.21
- [webpack-sources](https://npm.io/package/webpack-sources.md) ^3.3.3
- [@talend/scripts-cmf](https://npm.io/package/@talend/scripts-cmf.md) ^1.5.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 6.41.0 (latest) — 2025-09-09
- 7.0.0-alpha.1 (next) — 2021-02-18
- 6.0.0-ds.0 (ds-alpha) — 2020-11-05
- 5.29.0-alpha.0 (pre) — 2020-11-05
- 6.0.0-ds-alpha.0 (ds-next) — 2020-10-22
- 5.1.2-alpha.2 (test) — 2020-04-21
- 6.40.0 — 2025-07-09
- 6.39.2 — 2025-06-26
- 6.39.1 — 2025-06-19
- 6.39.0 — 2024-06-13
- 6.38.1 — 2024-02-29
- 6.38.0 — 2023-11-06
- 6.37.0 — 2023-01-20
- 6.36.9 — 2022-07-11
- 6.36.8 — 2022-06-24
- … 451 more at https://npm.io/package/@talend/react-cmf-webpack-plugin/versions

## README

# React CMF Webpack Plugin (aka @talend/react-cmf-webpack-plugin)

Simplifies merging of CMF settings files to serve your webpack bundles.

[![NPM][npm-icon] ][npm-url]

[![Travis CI][travis-ci-image] ][travis-ci-url]
[![Quality][quality-badge] ][quality-url]
[![dependencies][dependencies-image] ][dependencies-url]
[![devdependencies][devdependencies-image] ][devdependencies-url]
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/f1e353b0f69c4cf99a4cb3f68b70ea7d)](https://www.codacy.com/app/Talend/ui/packages/cmf-webpack-plugin)

[npm-icon]: https://nodei.co/npm/@talend/react-cmf-webpack-plugin.png?downloads=true
[npm-url]: https://npmjs.org/package/@talend/react-cmf-webpack-plugin
[travis-ci-image]: https://travis-ci.org/Talend/@talend/react-cmf-webpack-plugin.svg?branch=master
[travis-ci-url]: https://travis-ci.org/Talend/@talend/react-cmf-webpack-plugin
[dependencies-image]: https://david-dm.org/Talend/@talend/react-cmf-webpack-plugin/status.svg
[dependencies-url]: https://david-dm.org/Talend/@talend/react-cmf-webpack-plugin
[devdependencies-image]: https://david-dm.org/Talend/@talend/react-cmf-webpack-plugin/dev-status.svg
[devdependencies-url]: https://david-dm.org/Talend/@talend/react-cmf-webpack-plugin#info=devDependencies
[quality-badge]: http://npm.packagequality.com/shield/@talend/react-cmf-webpack-plugin.svg
[quality-url]: http://packagequality.com/#?package=@talend/react-cmf-webpack-plugin

## Content

This package provides Webpack plugin to deal with several React CMF settings files.

## Installation

Install dependency:

```bash
$> yarn add @talend/react-cmf-webpack-plugin
```

## Basic Usage

You must have a _cmf.json_ file at root folder of your project:

```json
{
	"settings": {
		"sources": ["src/settings", "node_modules/another_package_name/lib/settings/"],
		"sources-dev": ["src/settings", "../../another_package_name/src/settings/"],
		"destination": "dist/settings.json"
	}
}
```

Edit your webpack.config.js file:

```javascript
const ReactCMFWebpackPlugin = require('@talend/react-cmf-webpack-plugin');

const webpackConfig = {
	entry: 'index.js',
	output: {
		path: __dirname + '/dist',
		filename: 'bundle.js',
	},
	plugins: [new ReactCMFWebpackPlugin()],
};
```

## Configuration

You can pass a bunch of configuration options to ReactCMFWebpackPlugin. Allowed values are as follows:

| Option      | Type    | Default | Description                                                                |
| ----------- | ------- | ------- | -------------------------------------------------------------------------- |
| `dev`       | Boolean | false   | `devSource` entry will be used instead of `sources` one in _cmf.json_ file |
| `quiet`     | Boolean | false   | No output at all                                                           |
| `recursive` | Boolean | false   | Recursive search for JSON files                                            |
| `watch`     | Boolean | false   | Watch settings in dev mode                                                 |

Here's an example webpack config illustrating how to use these options:

```javascript
const ReactCMFWebpackPlugin = require('@talend/react-cmf-webpack-plugin');

const webpackConfig = {
	entry: 'index.js',
	output: {
		path: __dirname + '/dist',
		filename: 'bundle.js',
	},
	plugins: [
		new ReactCMFWebpackPlugin({
			dev: false,
			quiet: false,
			recursive: false,
			watch: process.env.NODE_ENV === 'developement',
		}),
	],
};
```

---
_Source: https://npm.io/package/@talend/react-cmf-webpack-plugin · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._