1. React Proxy Loader

将 React 组件封装到代理（proxy）组件中，以启用代码分割。(按需加载 react 组件及其依赖 ).

1.1. 安装

npm install react-proxy-loader

1.2. 用法

var Component = require("react-proxy-loader!./Component");
// => 返回代理组件（它按需加载。）
// (webpack 为此组件及其依赖项创建一个额外的 chunk)

var ComponentProxyMixin = require("react-proxy-loader!./Component").Mixin;
// => 返回代理组件的 mixin
// (这允许您为 proxy 的加载状态设置渲染)
var ComponentProxy = React.createClass({
    mixins: [ComponentProxyMixin],
    renderUnavailable: function() {
        return <p>Loading...</p>;
    }
});

代理是一个react组件。所有属性都将传输到包装组件。

1.3. 配置

代替（或除了）内联 loader 调用之外，还可以在配置中指定代理组件：

module.exports = {
    module: {
        loaders: [
            /* ... */
            {
                test: [
                    /component\.jsx$/, // 依靠 RegExp 选择组件
                    /\.async\.jsx$/, // 依靠扩展选择组件

                    "/abs/path/to/component.jsx" // 组件的绝对路径
                ],
                loader: "react-proxy-loader"
            }
        ]
    }
};

1.3.1. Chunk name

你可以使用name查询参数为chunk命名

var Component = require("react-proxy-loader?name=chunkName!./Component");

1.4. 维护者

Juho Vepsäläinen

Joshua Wiens

Kees Kluskens

Sean Larkin