2017-08-28 10 views
1

.angular-cli.jsonには「スタイル」セクションと「スクリプト」セクションがあります。webpackは?angular-cli.jsonで参照されるファイルをパッケージ化しますか?

"styles"セクションと "scripts"セクションにいくつかのファイルを追加しました。私の角張ったプロジェクトはこれらのファイルを認識していないようです。

webpackは.angular-cli.json内の設定を認識していますか?

webpackは、 "styles"セクションと "scripts"セクションで参照されるファイルを.angular-cli.jsonにパッケージ化しますか?はいの場合、実際にこれを実行していることをどのように確認できますか?どんなファイルが詰まっているか、どのファイルがwebpackによって詰め込まれていないかをどのようにトレースできますか?続き

は、私はWebPACKのからの受信エラーです:

ERROR in ./src/main/webapp/app/header/header.component.html 
Module not found: Error: Can't resolve './dist/img/user2-160x160.jpg' in '/Users/halil/Projects/kodfarki/chargeback2/business-services/src/main/webapp/app/header' 
@ ./src/main/webapp/app/header/header.component.html 1:4961-5000 1:5174-5213 
@ ./src/main/webapp/app/header/header.component.ts 
@ ./src/main/webapp/app/app.module.ts 
@ ./src/main/webapp/app/app.main.ts 

以下は、私のフォルダ構造です: enter image description here

以下は私の.angular-cli.json定義です:

"apps": [{ 
    "root": "src/main/webapp/", 
    "outDir": "target/www/app", 
    "assets": [ 
     "content", 
     "dist", 
     "favicon.ico" 
    ], 
+0

はい、それは... – Faisal

+0

私の質問を更新しました@Faisal – Halil

答えて

1

あなたはjhipsterを使っているようですが、これは角度cli(only for codegeneration purposes)を部分的にサポートしています。そのため、あなたの.angular-cli.jsonscriptsassetsがありません。なぜなら、jhipsterは独自のビルドチェーンを使用しているからです。だからjhipserと少し違ってやる必要があります。

cssjsファイルを参照できる​​を使用する必要があります。

+0

ご清聴ありがとうございます。それでは、 '.angular-cli.json'の中に自分のリソースを定義してはならないのかどうかという疑問があります。私のリソースは既に 'src/main/webapp/app'の下にあります。 '../../ dist/img/user2-160x160.jpg'のような相対パスを使用すると画像にアクセスできます。 webpackにjavascript、cssリソースについて通知する必要がありますか? – Halil

+0

それらを 'vendor.ts'にインポートします – Kuncevic

+0

' vendor.ts'にどのファイルを追加できますか? 'vendor.ts'にcssファイルを追加することはできますか?そこには – Halil

関連する問題