コンポーネントにjsファイルを含める

Question

管理用テンプレート（ブートストラップ、jQuery、jQueryプラグイン）があり、Angular2プロジェクト（2.1.0）に統合したいと思います。

多くのjQueryプラグイン（およびjsファイル）がありますが、それらをすべてindex.htmlに統合することはできません。私はすべてのコンポーネントにそれらのいくつかを含める必要がありました。

コンポーネントに外部jsファイルを含めるにはどうすればいいですか？ （私は既に/assetsフォルダにこのjsファイルを持っています）

Answer 1

私のプロジェクトではwebpackを使用しているので、プロジェクトを開始するのに3つのエントリーポイントを通過します。たとえば、私のvendor.tsには、jqueryとjavascriptが含まれています。これらの行を追加します。 WebPACKので

import 'jquery'; 
import 'bootstrap/dist/js/bootstrap'; 

私はSCSS

config.module = { 
loaders: [ 
    { test: /\.scss$/, loader: 'style!css!postcss!sass', include: path.resolve('client/scss') } 
] 

}のローダーを持っています。私は、ブートストラップおよびフォント素晴らしい

@import "~font-awesome/css/font-awesome.css"; 
@import "~bootstrap/dist/css/bootstrap.min.css"; 

をインポートするには、上部にある必要があり、私のmain.scssファイル内

import './scss/main.scss'; 

そして最後による

その後、私のmain.tsファイルのインポート私main.scssファイル

ボーナス font-awesome |ウェブパックを使用する|ローダーが必要です

config.module = { 
loaders: [ 
    { 
     test: /\.(jpe|jpg|woff|woff2|eot|ttf|svg)(\?.*$|$)/, 
     loader: 'file?name=assets/fonts/[name].[ext]' 
    } 
] 

}