Exclude react from webpack bundle

Question

I\'m trying to exclude react from my bundle which is generated by webpack. Reason being, we have a global version of react available on the page so I\'ll be using that.

Answer 1

webpack config:

externals: {
    'react': 'React',
    'react-dom': 'ReactDOM',
    'react-router': 'ReactRouter'
}

add these to the bottom of index.html body.

and, in your entry file, maybe index.js:

var React = require('react');
var ReactDOM = require('react-dom');
var ReactRouter = require('react-router');

const App = () => {
    return 

        webpack externals
    
};

ReactDOM.render(
    ,
    document.getElementById('container')
);