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新文件，其中包含所有外部库