How to use Webpack with React and Bootstrap
Victor Leung
9021

Firstly if you have issues resolving the Bootstrap import, don’t forget to also install bootstrap, not just react-bootstrap.

The second issue is with the webpack loaders. The last four should reference url-loader and file-loader (not url and file).

      {
test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/,
loader: 'url-loader?limit=10000&mimetype=application/font-woff'
},
{
test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
loader: 'url-loader?limit=10000&mimetype=application/octet-stream'
},
{
test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
loader: 'file-loader'
},
{
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
loader: 'url-loader?limit=10000&mimetype=image/svg+xml'
}
Show your support

Clapping shows how much you appreciated Geoff Ford’s story.