問題タブ [es6-modules]

ホイストでは、ドキュメントの準備が整う前に ES6 モジュールがロードされます。

例えば、

body nullコンソールにログインします。

DOM 操作を使用し、必要な ES6 モジュールを使用するにはどうすればよいですdocument readyか?

使ってみた

私のモジュールでは、babel がUnexpected tokenエラーを返しました。

私も試しました

'import' and 'export' may only appear at the top levelエラーが発生しました。

アップデート：

私は同じ問題を抱えています

a定義されていないためです。

つまり、エクスポートする変数が利用できません (私の更新を参照してください)。

アップデート：

@MaciejSikora コードに基づく私の試みは次のとおりです。

別のファイルで私は

しかしwidth、未定義です。

再エクスポートしたいモジュールがあるとしましょう:

reexport.js をインポートすると、exportme.js のデフォルトが利用できません。

reexport.js を機能させるには、次のようにする必要があります。

これを行う簡単な方法はありますか、またはこれを 1 つのステートメントに統合できますか?

export default, * from './exportme.js'動作しません。

私は最新のバベルを使用していますtransform-export-extensions

私は Webpack を使用しており、angular2 を使用しようとしています。

そのため、typescript をコンパイルできるようにすべてのものを編集しました。私が計画したのは、ここのようにすることだったので、typescript を ES6 にコンパイルしてから、Babel で ES5 にトランスパイルします。

これは、私の小さなアプリがどのように見えるかです:

次に、これは私の tsconfig.json がどのように見えるかです:

そして、それが webpack 構成のローダー構成です。

また、ターゲットを es5 に、モジュールを es2015 に設定するなど、compilerOptions を試してみましたが、うまくいきません。私はいつも同じエラーを受け取ります: Unexpected token importangular2Component-App の最初の行を指しています。したがって、インポートはわかりません。また、ブラウザーでは、@Component 部分のみが正しくコンパイル/トランスパイルされているように見え、次のようになっていることがわかります。

しかし、その上に書いてimport {Component} from 'angular2/core';ください。まったくコンパイル/トランスパイルされていない同じ行がまだあります。

問題が何であるか、誰かが考えを持っていますか?

私はES6 javascriptモジュールでこれを試しています:

しかし、次のトランスパイル エラーで失敗します。

ファイル externalutil.js は、何もエクスポートしない旧式の JavaScript ライブラリです。

どんな助けでも大歓迎です。

私は動作する次のコードを持っています:

ただし、わかりやすくするためにexport default、 の定義と同じ行に入れたいと思います。Aただし、A基本的に自分自身を呼び出す部分があるため、正しい構文が何であるかを見つけることができません。

D3 4.0 および Ionic2/Angular2 プロジェクトの import ステートメントに問題があります。

私は正しい import ステートメントを使用していると信じており、すべてがコンパイルされます。

次のようにコンパイルされます。

ただし、実行時にはxml関数は に存在しませんd3Request$2.xml。のみに存在しd3Request$2.__moduleExports.xmlますが、コードはそれにコンパイルされません。何を与える？

私もimport d3Request from 'd3-request'コンパイルしてみましたが、まだ動作しません。結果:

d3Request$1ただし、未定義になるため、これはまだ機能しません。d3Request.xml存在しますが、コードはそれにコンパイルされません。コンパイルするとd3Request$1.xml!

これはトランスパイルなしで可能ですか？コードを変更せずにインポートをポリフィルする方法はありますか?

それをコンソール (REPL) に取り込み、オブジェクトが正しく設定されているかどうかを確認したいと思います。しかし：

REPL ではまだ import を使用できないようです。では、代替手段は何ですか？ES5/Node を使用する必要がありrequireますか? Nesh のローダーに追加できるポリフィルはありますか?

理想的には、コンソールを開いて、コードを変更せずにnode使用する行で貼り付けを使用したいと思います。import

ES6 では、次のコードを短くすることは可能ですか。App.jsファイルとindex.js.

index.js

このようなもの

index.js

ES6 JS ファイル (test.js) がある場合...

Babelを使用すると、トランスパイルしてindex.htmlファイルで呼び出すことができますか

別の js ファイルにインポートする必要なく、関数の使用を開始しますか? 例の場合。次の script タグには、次のコードが含まれます。これはWebpackで使用されています-