title: Importing and exporting JS libraries
body: <p>Here I have a set of libs I have defined</p>
  
  <p>lib1.js</p>
  
  <pre><code>export default {
      Func1() {
          return ...
      }
  }
  </code></pre>
  
  <p>(and so forth for my other libs)</p>
  
  <p>Here I am importing those libs into a main file that I want to import in my Vue later:</p>
  
  <p>api.js (not lib1, lib2, lib3 and api are in the same folder)</p>
  
  <pre><code>import './lib1';
  import './lib2';
  import './lib3';
  </code></pre>
  
  <p>in vue:</p>
  
  <pre><code>&lt;script&gt;
      import * as Api from '@/api/api';
  
      mounted() {
        Api.func1();
      }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Mix gives me an error saying the functions aren't found:</p>
  
  <pre><code>"export 'Func1' (imported as 'Api') was not found in '@/api/api' .... 
  </code></pre>
  
  <p>I know the pathing is correct, because for example if I directly import the libs in my view it works:</p>
  
  <p>(vue):</p>
  
  <pre><code>
  
  &lt;script&gt;
      import Lib1 from '@/api/lib1'
      import Lib2 from '@/api/lib2'
      import Lib3 from '@/api/lib3'
  
      mounted() {
        Lib1.func1();
  
        ...
  
      }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>What gives here? I just want a "master" file to import all my Api functions instead of importing each separately. </p>
  
  <p>Some other notes on the environment: I am using Laraval 6 and Vue.</p>