私は次の設定をしています：

1. webpack と ts-loader を使用したビルド プロセス
2. Karma などのテスト ランナーを使用して TS ファイルの単体テストを行いたい

このwebpackプロジェクトでテストランナーを使用してTypeScriptファイルを最適に単体テストするにはどうすればよいですか? js プロジェクトでこれを行う方法は明らかですが、この状況では実績のあるワークフローが必要です。

es6 モジュールの使用をサポートするタイピングで公開する npm モジュールを取得する方法はありますか?

私は、https://github.com/onybo/webpack-react-typescript-demoに基づいて新しいプロジェクトを作成しようとしています。これは、babel|ts を実行し、そのまま正常に動作します。作ったnpmモジュールはbasaratのts-npm-module / ts-npm-module-consume reposをベースにしており、commonjsでは問題なく動作するようですが、コンパイラモジュールのオプションをcommonjsからes6に変更するとモジュールが見つからなくなりました. basarat がリポジトリで言及しているように、atom-typescript は正常に動作しますが (F6 ビルド)、ts-loader は動作しません。tsc (1.7.5 および nightly) と ntsc も同じエラーを返します。

デモ プロジェクト (バサラトのモジュールを消費しようとする) との差分としての最小限の再現はhttps://github.com/jamesmanning/webpack-react-typescript-demo/commit/519fb9013065a3125742be804b20703e42d747bbであり、バサラトの消費モジュールとの差分としての最小限の再現はhttpsです。 ://github.com/jamesmanning/ts-npm-module-consume/commit/70706e3280c2ce4cca04f7f8accbc22b5ba5284c

npm モジュールの package.json の「typings」エントリは、atom-typescript には十分なようですが、どうすれば ts-loader にもそれを使用させることができますか (または、ts-loader にモジュールを認識させるために何を変更できますか?)

ありがとう！

独自の WebpackPlugin を作成しようとしています。問題なく動作します (生成されたファイルをいくつか移動し、それらを結合します)。

webpack コンパイラの「完了」イベントをリッスンします。しかし、次のことが起こります。

• イベントは、ビルドが成功した後に 1 回トリガーされます
• コードエラーを導入した後、イベントが1回トリガーされます
• エラーを削除した後も、イベントは継続的にトリガーされ続けます

私が使用している唯一のローダーはts-loaderです。これは通常の動作ですか?ローダーを掘り下げて解決策を探す必要がありますか?

別のイベントを見つけようとしていますがemit、まったく同じことが起こります。また、統計の情報を調査して、新しいアセットやファイルが作成されていないことを検出できるかどうかを確認しようとしていますが、まだそれを見つけることができないようです.

任意のヒント？

Angular2 (TypeScript を使用) で webpack をセットアップしようとしています。Youtube のビデオ チュートリアルによると、簡単に実行できるはずです。男はこの Github リポジトリを例として使用しています。そこで、最初にその github リポジトリのクローンを作成し、基本的にビデオ チュートリアルでその人物が行ったことをすべて実行しました。

しかし、ページをロードすると、「ロード中...」と表示されます。角度コンポーネントを実際にロードすることはありません。コンソールにもエラーはありません。Chrome の [ネットワーク] タブによると、bundle.jsファイルが正常に読み込まれているようです。

とバンドルしてwebpackも、エラーはまったく発生しません。

なぜこれがうまくいかないのか、私にはわかりません。これは私が持っているものです:

index.html

Typescript ファイルは、angular.io app.component.ts にあるものとまったく同じです。

boot.ts

そして私のwebpack構成ファイル：

のような他のすべてtsconfig.jsは、github リポジトリから直接取得されます。

私のコンポーネントがロードされない理由は誰にも分かりますか?

アップデート

なんとかそれを機能させることができました。entry問題は、オブジェクトとして定義したことです。しかし、文字列として割り当てると機能します:

これでindex.html、コンポーネントをロードすると正常にロードされます。しかし、webpack でビルドをトリガーすると、コンソールにまだ多くのエラーが表示されます。

Typescript 1.8 は、型指定されていない JS ファイルをサポートするようになりました。この機能を有効にするには、コンパイラ フラグ --allowJs を追加するか、tsconfig.json の compilerOptions に "allowJs": true を追加します。

https://blogs.msdn.microsoft.com/typescript/2016/01/28/announce-typescript-1-8-beta/経由

タイピング ファイルを持たないreact-tap-event-pluginをインポートしようとしています。

モジュールが見つからないと言います。だから私は試しました：

これは、モジュールが非モジュール エンティティに解決され、この構成を使用してインポートできないことを示しています。そして、私は試しました：

ERROR in ./scripts/index.tsx Module build failed: TypeError: Cannot read property 'kind' of undefinedatでクラッシュしていますnode_modules/typescript/lib/typescript.js:39567

私のtsconfig：

私はts-loaderでwebpackを使用しています:

私は CoffeeScript で書かれたプロジェクトを持っています。

部分的にTypeScriptに書き換えたい。しかし、必要なコーヒーを試すと、モジュールが見つからないというエラーが発生します。

この問題を解決する機会はありますか?

webpack.config.js

tsconfig.js

エラー：

Angular 1.x の JavaScript プロジェクトを WebPack および TypeScript に変換しています ( ts-loaderを使用)。私はそれをほとんど機能させましたが、エクスポートが直接使用されていないときに、ts-loader がバンドルからスクリプトを最適化しているように見えると、問題が発生します。

この問題を示すサンプル プロジェクトを次に示します (npm インストール、webpack、次に index.html をロードしてコンソールを監視します)。

https://github.com/bbottema/webpack-typescript

ClassA からのログは表示されていますが、Angular は ClassB が見つからない (プロバイダー) と報告しています。bundle.js を見ると、ClassB が完全に欠落していることがわかります。違いは、ClassA はインポート直後に使用を開始し、ClassB はコンパイルのために型によってのみ参照されることです。

それはバグですか、それとも ClassB を強制的に含める方法はありますか? それとも私はそれについて間違っていますか？Angular 2 はおそらくこの問題を解決するでしょうが、それは現時点では大きすぎるステップです。

上記のプロジェクトの関連スクリプト:

パッケージ.json

webpack.config.js

tsconfig.json

index.html

entry.js

ClassA.ts

ClassB.ts

Mac OS X 10.11.3 で webpack を使用して、静的 HTML とその他のアセットで構成される Web アプリを構築しています。アプリは、別のサーバーにある API と通信します。

webpack を使用してアプリをビルドできません。ビルド プロセスは、ts-loader の実行時またはその前後でハングしているように見えます。私は次のようにビルドを実行しています：

私のpackage.jsonからこのコマンドを実行します：

ターミナルウィンドウの出力は次で終了します

node_modules フォルダーを削除して、これらを再インストールしようとしました。webpack をアンインストールして再インストールしようとしました。webpack.config.js を動作することがわかっているバージョンに戻そうとしました。しかし、それはここにぶら下がっています！

私の webpack.config.js は次のようになります。

私の tsconfig.json は次のようになります。

誰が何が起こっているのかを示唆できますか? webpack dev サーバーまたは npm ビルドからログを生成できないようです。

Webpack に移行する TypeScript で記述された OS プロジェクトがあります。

ただし、このエラーのため、現在プロジェクトをビルドできません

プロジェクトはここに あります https://github.com/erfangc/GigaGrid/tree/webpack

ここに到達するために私が行ったことは次のとおりです。

• 使用するts-loader
• インポートする行flux/utilsは次のとおりです。import FluxUtils = require('flux/utils');
• 別のインポート構文を試してみましたが役に立ちませんでした
• resolve.aliasのセクションを追加しようとしましたflux/utils: 'ABSOLUTE_PATH'

ファイルは間違いなくその下node_modulesに存在し、私が依存している他のライブラリはうまくバンドルされているようです

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

webpack.config.jsレポからここに再現