不带名称的Javascript ES6导入[重复]

我正在运行Webpack,Babel和Vue.js,我想拆分输入文件。目前,我有一个app.js文件,这是我的应用程序的起点。

我有一些零碎的代码要放入一个bootstrap.js文件中,然后将其包含在我的主app.js文件中,我是否可以拥有一个干净的文件以Vue开头并在其中添加组件。

我想放入bootstrap.js文件中的一些示例

import messagesNL from './translations/nl';

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

window.Vue = Vue;

如此多的插件,全局配置等设置。我觉得这不是您的典型模块,并且我发现很难为此文件创建类似结构的模块,因此我基本上在app.js文件中使用此模块

import bootstrap from './bootstrap';

不知道这是否行得通,似乎只是整洁地导入了所有内容,而无需我完成module exports {}类似的语法。

现在,我分配给该文件的bootstrap变量未使用,app.js因为它仅用于要求文件,而我的IDE则将其“灰色”显示出来,让我知道它尚未使用。

是否还有其他语法,这样我就不必为其指定名称了?这种方法可以拆分文件吗,还是应该做其他事情?

我尚未将其放入适当的模块中,因为那样它将拥有它自己的本地作用域,并且我不确定如何使用所有插件等来设置Vue。如果有人有更好的建议,我欢迎您使用它。

干杯。