How to bundle library without npm dependencies using webpack?

Question

The scenario is that I'm developing a component for use by a website and want to combine the files that I've created into one index.js for ease of use.

File index.jsx includes the line var header = require('./header.jsx'); and header.jsx includes the line var React = require('react'); where React has been added as an npm module.

If I use webpack --module-bind jsx --entry .\\src\\index.jsx --output-file .\\dist\\index.js on the command line this produces a large file with React source included.

Is there a way that I can have just my index.jsx and header.jsx transformed and concatenated?

Answer 1

You can mark React as an external to achieve that. Ie.

externals: {
    react: 'react',
}