Reactjs 如何使用webpack准备react组件作为外部包？

我在github上托管了react组件，它是一个简单的

包装器，几乎没有什么特性。我使用webpack来构建我的项目。这是在

react create app

之后继承的网页包配置：

module.exports = {
    bail: true,
    devtool: 'source-map',
    entry: {
        index: paths.appIndexJs
    },
    externals : {
        react: 'react'
    },
    output: {
        path: paths.appBuild,
        filename: 'index.js',
        publicPath: publicPath,
        library: "ReactSimpleTable",
        libraryTarget: "umd"
    },
    resolve: {
        fallback: paths.nodePaths,
        extensions: ['.js', '.json', '.jsx', '']
    },
    module: {
        preLoaders: [
            ... preloaders ...
        ],
        loaders: [
            ... loaders ...
        ]
    },
    plugins: [
        new webpack.DefinePlugin(env),
        new webpack.optimize.OccurrenceOrderPlugin(),
        new webpack.optimize.DedupePlugin(),
        new ExtractTextPlugin('static/css/[name].[contenthash:8].css'),
    ],
    node: {
        fs: 'empty',
        net: 'empty',
        tls: 'empty'
    }
};

现在，当我在另一个项目中使用我的组件（作为github的外部包）时，我得到了与该问题相关的警告：

如果我从webpack config中删除

externals

，一切正常，但我的输出文件大约为130kB（原文如此！）。使用webpack config中的

externals

，react被排除在index.js之外，其重量约为35kB（未缩小）。但我得到了警告：/

我想知道如何从构建中排除react并减轻警告。我不会以任何不寻常的方式使用道具，因此来自的建议并不相关

---

我只想让用户导入我的组件，并假设他们已经在依赖项中做出了反应

您能分享一下警告所指的相关代码位吗？警告指的是每个组件中定义的每个propTypes。很多警告…：）代码在这里：。这是webpack配置和第一个组件：（我也收到了来自该组件的警告…）。您能分享警告所指的相关代码位吗？警告指的是每个组件中定义的每个propTypes。很多警告…：）代码在这里：。这是webpack配置和第一个组件：（我也收到了来自该组件的警告…）。