title: Javascript ES6 import without a name
body: <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>