title: Is it bad Webpack practice to import all libraries that React app needs into one file?
body: <p>Is it bad Webpack practice to import all the libraries that React application needs in one place, for example inside Libs.js, and then inside every application module get them all with just one import statement ?</p>
  
  <p>Libs.js
  <div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React from 'react';
  import { PropTypes } from 'prop-types';
  import { connect } from 'react-redux';
  import { reduxForm, Field, getFormValues, change } from 'redux-form';
  import isNull from 'lodash/isNull';
  
  
  export default {
    React: React,
    PropTypes: PropTypes,
    redux: {
      connect: connect
    },
    form: {
      create: reduxForm,
      change: change,
      getValues: getFormValues,
      Field: Field
    },
    lodash: {
      isNull: isNull
    }
  };</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any app module</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import libs from 'common/libs';</code></pre>
  </div>
  </div>
  </p>