没有名字的Javascript ES6导入

Question

我正在运行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 {}类似语法。

现在我分配给该文件的引导变量在app.js中未使用，因为它仅用于要求文件和我的IDE类型的“灰色”它让我知道它未被使用。

是否有其他语法，以便我不必为其指定名称？这种方法可以分割我的文件，还是我应该做其他事情？

我还没有把它放到一个合适的模块中，因为它会拥有它自己的本地范围，我不确定如何使用所有插件设置Vue等。如果有人有更好的建议我愿意接受。

干杯。

Answer 1

要包含文件而不导入任何内容，您只需删除该语句的<name> from部分：

import './bootstrap';

这将执行目标模块而不影响活动模块的范围，即这种类型的导入没有副作用。