問題タブ [es6-module-loader]

ES6 モジュールの構文では、フォルダーから何かをインポートできますか?

たとえば、ファイルを持ってい./sub/main.jsて試してみると、これは機能しますか?import foo from './sub./main.js

この種のフォルダーからのインポートを取得して、babel と webpack を操作できますか?

基本的に、これは__init__.pyPython と同等です。

私のプロジェクトでは、いわゆるJavaScriptの「サービス」がたくさんあります。サービスには次の構造があります。

したがって、サービスは相互に依存しており、非同期ロード機能を備えており、依存関係がロードされた場合にのみ依存サービスを作成できます。上記の例は純粋な JavaScript ですが、ES6 モジュールとして簡単に書き直すことができます。

system.js プラグインを介してそのようなサービスをロードすることは可能ですか (system.js ライブラリ ソースを変更したくありません)。必要なのは、依存関係の準備が整うまでモジュールの実行を遅らせることだけです。標準のES6のリンクと実行を機能させたいので、インスタンス化フックはそれには適していないようです。

現在、Babel を使用して node.js に基づくプロジェクトを開発しています。

シングルトンであるはずの userService.js ファイルがあり、ユーザーで必要なものすべてを管理し、ユーザーの状態も保持します。

このモジュールをこのように書く理由:

次のようにインポートします。

この方法ではありません：

次のようにインポートします。

import * as userService from 'userService';

スタイルの違いだけですか？

たとえば、ログアウト メソッドを使用せずにログインのみをインポートするのは意味がないので、すべてのメソッドを使用してクラスをエクスポートするのは良いように思えますが、他の方法には常に「this」キーワードを使用する必要がないという利点があります。

Javascript 角度モジュールを TypeScript に変換しようとしています。現在、ES6 Module Loader を使用しています。そして、各モジュールを1つずつ変換しようとしています。1 つのモジュールを TypeScript に変換しましたが、ES6 ローダーでコントローラーとディレクティブが読み込まれないという問題がありました。

これが私のものapp.jsです：

ここに私のAngular module書き込みがありTypeScriptます。

これが私のControllerです。

これが私のdirectiveです。

モジュールがロードされていることがわかりますが、コントローラーとディレクティブは登録されておらず、まったくダウンロードされていません。誰でも私がどこで間違いを犯しているのか教えてもらえますか?

これが私のAngularモジュールで書かれたタイプスクリプトです。

ローカルでは問題なく動作します。バンドル後、js がキーワード「require」を見つけられない次の js コードにコンパイルされます。また、ES6 モジュールの一部を ES5 に変換するために traceur を使用しています。コンパイルおよびバンドルされた js モジュールを次に示します。

また、ここに tsconfig.Json があります

ES6、Babel、webpack スタックを使用しています。

npm でハイチャートをインストールしました (公式のハイチャート npm リポジトリを使用することを好みます):

ただし、通常のインポート (ES6) は期待どおりに機能しません。

Webpack インポートを介してハイチャートをインポートするにはどうすればよいですか? webpack.config.js の例 (またはプラグインを構成する他の方法) を投稿できますか?

ありがとう。

編集

エラーは次のとおりです。