angular 2 webpack npmパッケージを使用せずにローカルjsライブラリを参照する方法

Question

これは簡単だと思っていましたが、私は迷っています。

<script src="./react-with-addons.min.js"></script> 
<script src="./react-dom.min.js"></script> 
<script type="text/javascript" src="./jnpr-vendors.min.js"></script> 
<script type="text/javascript" src="./jnpr-components.min.js"></script> 

これらすべてのjsファイルのindex.htmlファイルと同じディレクトリにある：私は角2アプリケーションを構築し、index.htmlの中でするのWebPACKを使用しています

は、私はこれを追加しました。

しかし、私はWebPACKのdevのサーバーを使用する場合、私はこれらすべてのファイルに対して404エラーを得た：

http://localhost:3002/jnpr-components.min.js 404（見つかりません）

はもちろん、外部JSファイルがDIST /ディレクトリに置かれていません、これのWebPACKの設定のためのbelowsの通りです：

output : { 
    path : helpers.root('dist'), 
    publicPath : 'http://localhost:3002/', 
    filename : '[name].js', 
    chunkFilename : '[id].chunk.js' 
    }, 

私もフォルダ「distの」を作成し、まだ見つけることができない、そのフォルダ内のこれらのJSライブラリを置きます。

私はweb-pack-serverがjsファイルのメモリディレクトリを使用していることを覚えています。しかし、今私はどのように開発環境のいくつかのローカルファイルを参照することができますか？

ありがとうございました

Answer 1

webpack-dev-serverどこから静的ファイルを配信するかを指定するには、devServer.contentBaseを使用できます。デフォルトでは、現在のディレクトリです。例えば

は、あなたのライブラリがディレクトリ（WebPACKのコンフィグに対して）assetsにある場合、構成は次のようになります。

devServer: { 
    contentBase: path.resolve(__dirname, 'assets') 
} 

Answer 2

私はあなたが角度cliを使用していると思います。 その場合、JSファイルをassetsディレクトリに配置する必要があります。 その後、次のようにindex.htmlで使用します。

assets/your-file.js 

ためのWebPACKのみ許可する資産フォルダ内にあるか、角度-cli.jsonにおける資産として定義されてサービスされるこれらのファイル。