我正在运行 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;
插件、全局配置等的设置非常多。我觉得这不是你的典型模块,我发现很难为这个文件创建一个类似模块的结构,所以我基本上在我的 应用程序中使用它。 js
文件:
import bootstrap from './bootstrap';
不知道这是否可行,它似乎只是整齐地导入所有内容,而我没有完成类似 module export {}
的语法。
现在,我分配给该文件的引导变量在 app.js
中未使用,因为它仅用于要求该文件和我的 IDE 类型的“灰色”,让我知道它是未使用。
是否有另一种语法,这样我就不必为它分配名称?这种方法可以拆分我的文件,还是我应该做其他事情?
我还没有把它放到一个合适的模块中,因为那样它就会有自己的本地范围,我不确定如何使用所有插件等设置 Vue。如果有人有更好的建议,我愿意它。
干杯。
最佳答案
要包含文件而不导入任何内容,您只需删除 <name> from
声明的一部分:
import './bootstrap';
这将执行目标模块而不影响事件模块的范围,但它可能会产生副作用,例如声明全局变量或修改现有全局变量。
如 Import a module for its side effects only 的 MDN 文档中所述:
Import an entire module for side effects only, without importing anything. This runs the module's global code, but doesn't actually import any values.
import '/modules/my-module.js';
关于没有名称的 Javascript ES6 导入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42251503/