Javascript ES6 import without a name : <p>I am running Webpack, Babel and Vue.js and I want to split up my entry file. Currently I have an app.js file which is the starting point to my application.</p>

<p>I have some bits and pieces of Code I want to put into a <code>bootstrap.js</code> file which I want to include in my main <code>app.js</code> file can I can have a clean file to start out with Vue and add components in it as I go.</p>

<p>Some examples of what I would want to put in my <code>bootstrap.js</code> file:</p>

<pre><code>import messagesNL from './translations/nl';

Vue.use(VeeValidate, {
  locale: 'nl',
  dictionary: {
    nl: {
      messages: messagesNL
    }
  }
});

window.Vue = Vue;
</code></pre>

<p>So pretty much setup for plugins, global configuration, etc. I feel like this is not your typical module and I find it hard to create a module like structure for this file so I basically use this in my <code>app.js</code> file:</p>

<pre><code>import bootstrap from './bootstrap';
</code></pre>

<p>Having no idea if this would work, it seems to just import everything neatly without me having done a <code>module exports {}</code> like syntax.</p>

<p>Now the bootstrap variable that I assigned to that file is unused in <code>app.js</code> since it's only used to require the file and my IDE kind of 'greys` it out to let me know it is unused.</p>

<p>Is there another syntax for this so that I don't have to assign a name to it? Is this approach ok to split up my file, or should I be doing something else?</p>

<p>I haven't put it into a proper module yet because then it would have it's own local scope and I would be unsure how to set up Vue with all the plugins, etc. If anybody has a better suggestion I am open to it.</p>

<p>Cheers.</p>
