名前なしのJavascript ES6インポート

Question

Webpack、Babel、Vue.jsを実行していて、エントリファイルを分割したい。現在、アプリケーションの開始点となるapp.jsファイルがあります。

私はbootstrap.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を設定する方法がわからないからです。誰かより良い提案があれば、私は開いていますそれに。

乾杯。輸入のこのタイプがあり、つまりこれは、アクティブモジュールの範囲に影響を与えることなく、ターゲット・モジュールを実行します

import './bootstrap'; 

：あなただけの文の<name> from一部をドロップすることができ、何もインポートせずにファイルをインクルードする

Answer 1

副作用はありません。