私はと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. SystemJSとCommonJSの違い
- 2. TypeScript(CommonJS)のデフォルトエクスポートを使用しないモジュールのインポート
- 3. CommonJSモジュールのパターン?
- 4. CommonJSモジュール(nodejs)、strangeness
- 5. Module.exports =をTypescriptで使用するCommonJSモジュールをインポートする方法
- 6. CommonJSのインポートとES6のインポート
- 7. WebStormがCommonJSモジュールでES6インポートを使用する
- 8. Webpack適切な方法でモジュールをインポートしてバンドルします
- 9. Commonjsライブラリのindex.ts外部モジュールとして
- 10. systemjs-builder - angular2のrxjsのバンドル
- 11. (SystemJS)モジュールは
- 12. モジュールのセットアップ機能をTC39 'ES6'インポートでインポートする際に実行できますか? CommonJSで
- 13. 角2アプリをsystemjsとsystemjs-builderにバンドルするには?
- 14. CommonJSでロールアップし、トレシェイクを使用してインポートとエクスポートを行います。
- 15. SystemJSバンドルのネームスペースを作るには
- 16. SystemJSで遅延インポート
- 17. CommonJS + TypeScriptを使用し、バンドルなしでReactできますか?
- 18. すべての宣言されたモジュールのインポート(SystemJS)のリストを取得
- 19. AMDモジュールとしてCommonJSサードパーティ製ライブラリをラップ
- 20. node.jsエクスポートモジュールとしてエクスポートされたモジュールをsystemjsインポートメソッドを使用してインポートできる場合
- 21. npmからスタンドアロンAMD/CommonJSモジュールとしてモジュールをフェッチする方法
- 22. JavaScriptモジュール/ファイルを自動的にインポートしてバンドルする方法は?
- 23. 実行時にi18nモジュールをバンドルしてロードするには?
- 24. SystemJSを使用してAngular 2のアプリケーションモジュールをインポートする
- 25. SystemJSを使用してTypeScriptコンポーネントからフォルダをインポート
- 26. SystemJS/JSPMを使用して角度2アプリでカスタムブートストラップテーマをインポート
- 27. Systemjsを使用してサブディレクトリからファイルをインポートする
- 28. アングルサービスのSystemJsとES6のインポート
- 29. Atalaエディタでプラグインとして「インポート」されるCommonJSモジュールをScalaJSに書き込むことができません
- 30. Dagre Angular2 SystemJSモジュールのロード
私は理解していない、あなたはあなたのoutFileに応じてパッケージをバンドルしたいですか? – vintem
はい、パッケージをnpmでインストールしてプロジェクトコードにインポートし、1つのバンドルをビルドすることができます。 – muaddoob