インポート/エクスポートはbabel.js

私は以下でES6構文を使用するために私のページにバベルコンパイラを追加使用してブラウザで動作することはできません。
インポート/エクスポートはbabel.js

<script src="babel.min.js"></script>

を、以下のようにM.jsで簡単なモジュールを作成します。

export var M={ 
    p:3 
};

そして、私のページでそれを使用します。

<script type="text/babel"> 
    import {M} from './M'; 
    console.log(M.p); 
</script>

しかし、コンソールにエラーの下に会う：

Uncaught ReferenceError: require is not defined

ブラウザでモジュールの作品を作成するにはどうすればよいですか？ babel.jsはモジュールをサポートしていますか？もしそうでなければ、私はES6モジュール構文をブラウザで動作させることができる他の方法があれば。

2016-07-12 gloomyson

Babelと一緒にモジュールローダーを使用する必要があります。 – gcampbell

@gcampbell私はどんな種類のモジュールローダーを使うべきですか？私のページに ""を追加する必要があるのですか？ – gloomyson

一般に、Node内のコードをBrowserifyのようにコンパイルし、それをブラウザの 'text/babel 'でコンパイルするのではなく、スクリプトタグでロードします。 – loganfsmyth

はSystemJSのような動的なESモジュールローダを使用してBabel Plugin

2017-01-30 16:31:45 Doug

あなたは、「トランスフォームes2015-モジュール-UMD」にデータ・プラグインの属性を設定しようとしたことがありますか？以下のように？

<script data-plugins="transform-es2015-modules-umd" type="text/babel"> 
    import M from './M'; 
    console.log(M.p); 
</script>

2018-02-18 20:34:15 mqueirozcorreia

答えて