Webpack - 制作redux-form外部库

Question

我的项目中有这种导入：

import {Field, reduxForm, FormSection, formValueSelector} from 'redux-form';

我想将redux-form导入作为外部库，以便它不会被包含在构建中。例如，它是用Jquery完成的：

externals: {
  jquery: 'jQuery'
}

所以问题更多的是关于如何从同一个库中进行多次导入而不在Webpack中明确列出它们。

Answer 1

您可以尝试将此添加到您的webpack配置中：

plugins: [
   // split vendor js into its own file
    new webpack.optimize.CommonsChunkPlugin({
      name: 'vendor',
      minChunks: function (module, count) {
        // any required modules inside node_modules are extracted to vendor
        return (
          module.resource &&
          /\.js$/.test(module.resource) &&
          module.resource.indexOf(
            path.join(__dirname, '../node_modules')
          ) === 0
        )
      }
    }),
]

它将创建名为vendor的新文件，包括所有外部库