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;

import bootstrap from './bootstrap';

插件、全局配置等的设置非常多。我觉得这不是典型的模块，我发现很难为该文件创建类似模块的结构，所以我基本上在我的

app.js

文件中使用它：

import messagesNL from './translations/nl';

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

window.Vue = Vue;

import bootstrap from './bootstrap';

不知道这是否可行，它似乎只是简单地导入了所有内容，而我没有使用

模块导出{}

式语法

现在，我分配给该文件的bootstrap变量在

app.js

中未使用，因为它只用于要求该文件，而我的IDE会将其显示为“灰色”，让我知道它未使用

是否有其他语法，这样我就不必给它指定名称了？这种方法可以分割我的文件吗，或者我应该做些别的事情吗

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

---

干杯。

要包含文件而不导入任何内容，只需从语句的部分删除

：

import './bootstrap';

这将在不影响活动模块范围的情况下执行目标模块，但可能会产生副作用，例如声明全局或修改现有全局


如MDN文件中所述：

导入整个模块仅用于副作用，不导入任何内容。它运行模块的全局代码，但实际上不导入任何值

import '/modules/my-module.js';

这等同于
require（'bootstrap'）？@Anonymous Yes，它相当于一个独立的require语句（调用require的结果未分配给任何对象）。但是，根据问题，您的示例中的路径是不正确的。它应该是
require（'./bootstrap'）
。正确的说法是您导入此模块只是为了它的副作用。