Webpack-創建Redux形式的外部庫

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新文件，其中包括您所有的外部庫