メテオでES6のインポートとエクスポートを使用するのは時期尚早ですか？

Question

私はES6でいくつかのコーディングを行い、インポート/エクスポートの仕組みがどのように機能しているか把握しようとしています。

/lib/globalcode.js

'use strict'; 

let globalCode = { 

    add: (x,y) => { 
     return add(x,y); 
    } 

}; 

let add = (x,y) => { 
    return x + y; 
}; 

class Animal { 

    constructor(name) { 
    this.name = name; 
    } 

    speak() { 
    console.log(this.name + ' makes a noise.'); 
    } 

}; 

export { Animal, globalCode }; 

/client/index.js

import { Animal, globalCode } from '/lib/globalcode.js'; 

Template.index.onRendered(() => { 

    let animal = new Animal('cat'); 
    animal.speak(); 

    console.log(globalCode.add(5,6)); 

}); 

私はanimal.speak()とconsole.log(globalCode.add(5,6))からの出力がは、表示を行うクローム開発ツールに入るが、私は手動でコンソールにlet animal = new Animal('cat')とglobalCode.add(5,6)を入力すると私はそれぞれAnimal not definedとglobalCodeが定義されていません。

はどうやら何のブラウザは正式にES6モジュールをサポートはまだありませんが、私は console.log(globalCode.add(5,6))と let animal = new Animal('cat');仕事 index.jsから実行したときに、なぜが、ブラウザから実行しないときに混乱しています。

上記の制限により、デバッグが非常に困難になります。 ES6モジュールからしばらく離れるのが最善でしょうか？ Meteorサーバー側で完全にサポートされていますか？

Answer 1

インポートは、あなたの名前にもかかわらず、ではなく、グローバルであるレキシカルバインディングを作成します。 （実際にはモジュール内にvarバインディングはありません）。グローバルオブジェクトにそれらをインストールする場合は、window.globalCode = globalCodeなどをindex.jsに入れることができます。

Answer 2

問題は可変スコープの問題だと思います。

import { Animal, globalCode } from '/lib/globalcode.js'; 

Template.index.onRendered(() => { 

    let animal = new Animal('cat'); 
    animal.speak(); 

    console.log(globalCode.add(5,6)); 

}); 

そしてES6についてのあなたの質問に答えるために、私は私がして推薦することができ、どこでもそれを使用する：あなたはあなたの「クライアント/インデックス」のページの一番上にインポートした場合、私はあなたが希望する結果を得るだろうと思います同じ。