我正在运行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则将其“灰色”显示出来,让我知道它尚未使用。
是否还有其他语法,这样我就不必为其指定名称了?这种方法可以拆分文件吗,还是应该做其他事情?
我尚未将其放入适当的模块中,因为那样它将拥有它自己的本地作用域,并且我不确定如何使用所有插件等来设置Vue。如果有人有更好的建议,我欢迎您使用它。
干杯。