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; 

所以非常多的插件，全局configuration等设置。我觉得这不是你的典型模块，我发现很难创build一个像这个文件的结构模块，所以我基本上在我的app.js文件中使用这个：

 import bootstrap from './bootstrap'; 

不知道这是否会起作用，似乎只是将所有东西都整齐地导入，而不需要像module exports {}那样进行module exports {} 。

现在我分配给这个文件的bootstrapvariables在app.js是未使用的，因为它只是用来请求文件，我的IDE是'greys`类的，让我知道它是未使用的。

有没有另一种语法，这样我就不必为它指定一个名字了？ 这种方法可以分割我的文件，还是应该做别的？

我还没有把它放到一个适当的模块中，因为那样它就有了它自己的局部范围，我不能确定如何用所有的插件来设置Vue等等。如果有人有更好的build议，我可以打开它。

干杯。

Answer 1

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

 import './bootstrap'; 

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