Installations

npm install @pangaeatech/react-app-rewire-multiple-entry

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Min. Node Version

>=6

Node Version

8.16.0

NPM Version

6.10.3 Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Languages

1

JavaScript

JavaScript (100%)

Developer

pangaeatech

Download Statistics

Total Downloads

0

Last Day

0

Last Week

0

Last Month

0

Last Year

0

GitHub Statistics

MIT License

1 Stars

13 Commits

1 Branches

2 Contributors

Updated on Jan 28, 2023

Maintainers

1

View All 2 Contributors

Package Meta Information

Latest Version

1.0.2

Package Id

@pangaeatech/react-app-rewire-multiple-entry@1.0.2

Unpacked Size

11.35 kB

Size

4.30 kB

File Count

7

NPM Version

6.10.3

Node Version

8.16.0

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

0%

NaN

Compared to previous day

Last Week

0%

NaN

Compared to previous week

Last Month

0%

NaN

Compared to previous month

Last Year

0%

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

1

xxhashjs

Dev Dependencies

5

eslint eslint-plugin-node husky lint-staged prettier

React App Rewire Multiple Entry lets you configure multiple entries in Create React App v1 and v2 without ejecting.

Usage

Add React App Rewire Multiple Entry to your Rewired React app:

1npm install react-app-rewire-multiple-entry --save-dev

Next, add React App Rewire Multiple Entry to config-overrides.js in your React app directory:

Basic Usage

1// config-overrides.js
2
3const multipleEntry = require('react-app-rewire-multiple-entry')([{
4    entry: 'src/entry/landing.js',
5    template: 'public/landing.html'
6    outPath: '/landing.html'
7}]);
8
9module.exports = {
10    webpack: function(config, env){
11        multipleEntry.addMultiEntry(config);
12        return config;
13    },
14    devServer: function(configFunction) {
15        multipleEntry.addEntryProxy(configFunction);
16        return configFunction;
17    }
18}
19

Work with customize-cra

1// config-overrides.js
2
3const multipleEntry = require('react-app-rewire-multiple-entry')([{
4    entry: 'src/entry/landing.js',
5    template: 'public/landing.html'
6    outPath: '/landing.html'
7}]);
8
9const {
10  // addBundleVisualizer,
11  override,
12  overrideDevServer,
13} = require('customize-cra');
14
15module.exports = {
16  webpack: override(
17      multipleEntry.addMultiEntry,
18      // addBundleVisualizer()
19  ),
20  devServer: overrideDevServer(
21    multipleEntry.addEntryProxy
22  )
23};
24

More Examples

1// config-overrides.js
2
3const multipleEntry = require('react-app-rewire-multiple-entry')([
4  {
5    // Webpack extra entry
6    entry: 'src/entry/standard.js',
7    // HTML template used in plugin HtmlWebpackPlugin
8    template: 'src/entry/standard.html',
9    // The file to write the HTML to. You can specify a subdirectory
10    outPath: '/entry/standard.html'
11    // Visit: http[s]://localhost:3000/entry/standard.html
12  },
13  {
14    entry: 'src/entry/login.js',
15    // if [template] is empty, Default value: `public/index.html`
16    // template: 'public/index.html',
17    outPath: 'public/login.html'
18    // Visit: http[s]://localhost:3000/public/login.html
19  },
20  {
21    entry: 'src/entry/404.js',
22    template: 'public/404.html'
23    // if [outPath] is empty, calculated by `path.relative(process.cwd(), template)` --> `public/404.html`
24    // outPath: '/public/404.html'
25    // Visit: http[s]://localhost:3000/public/404.html
26  },
27  {
28    entry: 'src/entry/home.js'
29    // Default value: `public/index.html`
30    // template: 'public/index.html',
31    // Calculated by `path.relative(process.cwd(), template)` --> `public/index.html`
32    // outPath: '/public/index.html'
33    // Visit: http[s]://localhost:3000/public/index.html
34  }
35]);
36
37module.exports = {
38  webpack: function(config, env) {
39    multipleEntry.addMultiEntry(config);
40    return config;
41  },
42  devServer: function(configFunction) {
43    multipleEntry.addEntryProxy(configFunction);
44    return configFunction;
45  }
46};

API

Options

You can pass a array of entry configuration options to react-app-rewire-multiple-entry, the entry in the array has attributes below:

entry [Required] Webpack entry JS file. Throw error when empty.
template [Optional] HTML template used in plugin HtmlWebpackPlugin. Default value: public/index.html.
outPath: [Optional] The file wirte the HTML to. You can specify a subdirectory. If empty, it will be calculated by path.relative(process.cwd(), template)

Method

addEntryProxy Inject settings for multiple entry in webpack config
addMultiEntry Inject proxy settings used during development phase.

That’s it! Now you can control mulitple entries, enjoy coding!

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

SAST

Determines if the project uses static code analysis.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Security-Policy

Determines if the project has published a security policy.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.7

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More