問題タブ [tsify]

hello-world.tsAngular 1.X アプリケーションで名前が付けられた TypeScript サービスを作成しました。次のようになります。

以下を使用してインポートしています。

HelloWorld上記のコード スニペットで import を console.log()に渡すと、関数が必要なときに空のオブジェクトが返されます。

以下は、関連する gulpfile 構成です。

私も次のことを試しました：

Gulp watchify はエラーなしで完了しますが、ブラウザでエラーが発生しますangular.js:13920 Error: [ng:areq] Argument 'fn' is not a function, got Object。

前に書いたように、hello-world.ts から HelloWorld クラスをインポートすると、期待値が表示されません。代わりに、空のオブジェクトを取得します。何が起こっている？

編集：

browserify/tsifyで生成したソースコードはこちら。おそらく、これは私のgulp / browserify / tsify環境で何が間違っているのかについての手がかりを保持していますか?

コードで babelify を実行するのに問題があります。

次の 2 つの typescript ファイルがあります。

script1.ts

script2.ts

.babelrc

そして私はtsifyとbabelifyでbrowserifyを実行しようとしています:

ファイルはコンパイルおよびパッケージ化されますが、コードに対してbabelifyを実行することはありません.クラスとテンプレート文字列がまだ含まれている出力になります.

babel を個別に実行すると、期待どおりに動作します。

ここで欠けているステップは何ですか？