Wraps a react component in a proxy component to enable Code Splitting.
Wraps a react component in a proxy component to enable Code Splitting (loads a react component and its dependencies on demand).
npm install react-proxy-loader
var Component = require"react-proxy!./Component";// => returns the proxied component (It loads on demand.)// (webpack creates an additional chunk for this component and its dependencies)var ComponentProxyMixin = require"react-proxy!./Component"Mixin;// => returns a mixin for the proxied component// (This allows you to setup rendering for the loading state for the proxy)var ComponentProxy = ReactcreateClassmixins: ComponentProxyMixinreturn <p>Loading</p>;;
The proxy is a react component. All properties are transferred to the wrapped component.
Instead of (or in addition to) inlining the loader call you can also specify the proxied components in your configuration:
moduleexports =module:loaders:/* ... */test:/component\.jsx$/ // select component by RegExp/\.async\.jsx$/ // select component by extension"/abs/path/to/component.jsx" // absolute path to componentloader: "react-proxy";