没有名字的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 {}类似的语法.

现在我分配给该文件的bootstrap变量未被使用,app.js因为它仅用于要求文件和我的IDE类型'greys`它让我知道它未使用.

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

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

干杯.

Answer 1

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

import './bootstrap';

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