Angular 2 ComponentにJavascriptファイル（jQuery、Bootstrapなど）を組み込みます。

Question

私は2つの部分からなるSPAを作成しています。公開されているリンク先ページは、プロジェクトについての説明やログインフォームの表示に使用されます。アプリケーションの他の部分はパブリックではなく、登録されたユーザーだけがアクセスできます。

サイトの各部分（ホーム&ダッシュボード）には、それぞれ異なるコンポーネントがあります。私が直面している問題は、これらのコンポーネントには既にバンドルされている別のJavascriptファイル（home.js & dashboard.js）があることです。私はインターネットでさまざまなソリューションを見つけましたが、時間通りに見ていません。

環境に関するいくつかの詳細は、Angular CLIによってアプリケーションが足場になっているため、webpackが含まれているため、作業が簡単になります。

Angular 2 Good Practicesに適合する適切な方法があるかどうかを知りたいと思います。

ご協力いただければ幸いです。

Answer 1

- 内側の角度 - cli.jsonには、appsというセクションがあります。スクリプトのセクションがあることを内には、角度のCLIはそれがscripts.bundle.jsにファイルをJSバンドルされますが、あなたのjsファイルをインポートし、インデックス内でそれらをインポートすることができます別の方法-in

"apps": [ 
{ 
    "scripts": ["../node_modules/jquery/dist/jquery.min.js", 
    "../node_modules/hammerjs/hammer.js", 
    "path_to_your_file/dashboard.js", 
    "path_to_your_file/home.js"] 
} 

をindex.htmlをするためにそれを置くことができます.htmlは古典的な方法で。

私はapp.module.tsの中に 'hammerjs'をインポートしましたが、それはnpm経由でインストールされたモジュールなので、うまくいくと思います。

import { MaterialModule } from '@angular/material'; 
import 'hammerjs'; 

このようにしてください。 hammerjについては何もありません。 jsファイルをモジュールに変換し、hammerjsのようにインストールすることができます。