A webpack loader to apply react-loadable to complete sets of files or directories.
npm install react-loadable-loaderbash
$ npm install react-loadable-loader
`
Quick start
Add the loader to your webpack config and choose files and/or directories to apply the loader:
`javascript
{
test: /\.(jsx?|tsx?)$/,
include: [path.join(__dirname, 'src', 'components-loadable')],
loader: 'react-loadable-loader'
}
`
> All files in ./src/components-loadable are analyzed by react-loadable.
> Wraps default export component and default exports wrapped component.
$3
Loader options are forwarded to react-loadable/Loadable. So you can setup react-loadable options in loader options:
`javascript
{
test: /\.(jsx?|tsx?)$/,
include: [path.join(__dirname, 'src', 'components-loadable')],
loader: 'react-loadable-loader',
options: {
delay: 300,
timeout: 500
}
}
`
$3
To setup a loading component pass the absolute path to the component:
`javascript
{
test: /\.(jsx?|tsx?)$/,
include: [path.join(__dirname, 'src', 'components-loadable')],
loader: 'react-loadable-loader',
options: {
loading: path.join(commonPaths.srcPath, 'components-bundled/loading')
}
}
``