title: Does importing all in JavaScript affect performance
body: <p>I am working on a testing project with the following structure:</p>
  <pre><code>project  
  │
  └─── jrns
  │   │   journeys_1.js
  │   │   journeys_2.js
  |   |   Journeys.js
  │   
  └─── Test Suites
      │   suite1.js
      │   suite2.js
  </code></pre>
  <p>Each journeys_x file contains some user journeys written as functions, and the whole purpose of the Journeys file is to act as a hub of all the journeys. Journeys.js looks something like this:</p>
  <pre class="lang-js prettyprint-override"><code>import {journey_1_1,
          journey_1_2} from './journeys_1';
  export {journey_1_1,
          journey_1_2};
  
  import {journey_2_1,
          journey_2_2} from './journeys_2';
  export {journey_2_1,
          journey_2_2};
  </code></pre>
  <p>The purpose of creating that hub is to make importing easier in the test suites:</p>
  <pre class="lang-js prettyprint-override"><code>import * as jrns from '../jrns/Journeys';
  
  jrns.journey_1_2();
  </code></pre>
  <p>My question is the following, does importing everything this way in the test suites files affect performance since not all journeys are actually utilized within every test suite file? Also, if in journeys_1.js for example I needed to access a journey stored in journey_2 for example, would accessing it through the same importing mechanism</p>
  <pre class="lang-js prettyprint-override"><code>import * as jrns from './Journeys';
  
  jrns.journey_2_2();
  </code></pre>
  <p>affect performance?</p>