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 {}李ke語法。

現在我分配給該文件的引導程序變量在app.js中未使用，因爲它僅用於需要文件和我的IDE類型的「greys」它讓我知道它是未使用的。

是否還有其他語法，以便我不必爲其指定名稱？這種方法可以分割我的文件，還是應該做其他的事情？

我還沒有把它放到一個合適的模塊中，因爲那樣它會有它自己的局部範圍，我不確定如何設置所有插件的Vue等等。如果有人有更好的建議我打開到它。

乾杯。

Answer 1

要包含一個文件，而無需輸入任何你能不能別再聲明<name> from部分：

import './bootstrap'; 

這將執行目標模塊，而不會影響有源模塊的範圍，即此類進口有無副作用。