私はとoutFile
を使ってSystemJSバンドルを出力するTypescriptで書かれたプロジェクトを持っています。私はいくつかのNPMがインストールされたCJSモジュールを取りたいと思います。それらをインポートしてSystemJSモジュールとしてバンドルに放出することは可能ですか?そうではないようですが、私はこれについて決定的な答えを見つけることができません。commonJSモジュールをインポートしてSystemJSバンドルを発行
答えて
デフォルトでは、TypeScriptはすべての依存関係を1つのファイルにバンドルしません。それはあなたのファイルを束ねるだけです。
依存関係もバンドルする場合は、TsProjectパッケージをチェックする必要があります。
'' import foo = require( '../ node_modules/bar') 'の相対パスを渡すとバンドルに含まれますが、他のプロジェクトと同じようにsystemJSモジュールとして登録されません輸入。 'require( 'bar')'を使用してnode_modulesフォルダを自動的に解決すると、依存関係が生成されないようです。相対パスを与えると、コンパイル・オプションで設定されたモジュール・タイプは無視されますが、無視されます。 – muaddoob
この動作は意図的ですか?サードパーティのdepsを処理するために別の設定を維持する必要がない推奨ワークフローはありますか?理想的には、コードが私のプロジェクトのsrcにあるか 'node_modules'にあるかにかかわらず、単純にインポートするのが好きで、コンパイラはすべてのdepsを解決した単一のバンドルを出力します。 NPMを介してlibsをインストールし、個別のプロジェクトバンドルの依存関係を満たすためにconfigをロードする必要がある場合は、少し苦労します。 – muaddoob
この記事http://www.jbrantly.com/es6-modules-with-typescript-and-webpack/にはこの件に関する良い説明があります – vintem
- 1. Module.exports =をTypescriptで使用するCommonJSモジュールをインポートする方法
- 2. CommonJSモジュール(nodejs)、strangeness
- 3. SystemJSで遅延インポート
- 4. SystemJSバンドルのネームスペースを作るには
- 5. すべての宣言されたモジュールのインポート(SystemJS)のリストを取得
- 6. アングルサービスのSystemJsとES6のインポート
- 7. Systemjsを使用してサブディレクトリからファイルをインポートする
- 8. systemjsとangular2のサードパーティライブラリをインポートする
- 9. Angular2は、単一のバンドルに部品を連結し、SystemJSは
- 10. 実行時にi18nモジュールをバンドルしてロードするには?
- 11. RequireJS - r.js最適化バンドル内のモジュールをインポートする
- 12. DjangoでPythonモジュールをインポート中にエラーが発生しました
- 13. SystemJS/jspmを使用してプロダクションで非同期のes5モジュールをロード
- 14. CommonJSのエクスポート/要求と一緒にES6のインポート/エクスポートを実行する方法
- 15. ES6モジュールのインポートを使用してパスをインポートする方法
- 16. モジュールを持たないjsアプリケーションをcommonJsモジュールに移行するにはどうすればいいですか?
- 17. MVCバンドルとJavascriptモジュール
- 18. systemJsを使用してangular2ライブラリをロード
- 19. systemJsとJSPMを使用してプロジェクトにngDraggableを含めるにはSystemJsとJSPM
- 20. Boost Python:モジュールのインポート中に問題が発生しました
- 21. DJANGO:モジュールのインポート中にエラーが発生しました
- 22. gm2を使ってモジュールをインポートする
- 23. 既存のAMDモジュールをES6モジュールにインポート
- 24. フラスコ-移行する移行モジュールを自動インポートする方法
- 25. 親モジュールと子モジュールのインポート
- 26. モジュールのインポートD
- 27. バンドルからxmlをインポートする
- 28. 反応ネイティブのnpmモジュールをインポート中にエラーが発生しました
- 29. なぜPythonモジュールをインポートしても、ネストされたモジュールをインポートできないのですか?
- 30. Commonjsリソースパス
私は理解していない、あなたはあなたのoutFileに応じてパッケージをバンドルしたいですか? – vintem
はい、パッケージをnpmでインストールしてプロジェクトコードにインポートし、1つのバンドルをビルドすることができます。 – muaddoob