2017-06-26 11 views
0

私はAngularに少し新しくなっていますので、うまくいけば問題を解決できます。コンパイルされたフォントファイルのベースURLを角度2のプロジェクトで変更します。

Angularプロジェクトでは、ng buildを実行すると、Webアプリケーションフォルダngという名前の特定のディレクトリにソースがコンパイルされます。 fontawesomeとroboto-v15のフォントファイルを使用する必要があるモジュールをいくつか含めていますので、必要なフォントファイルをngディレクトリにコピーするように見えます(このファイルの名前はです)。fontawesome-webfont.af7ae505a9eed503f8b8.woff2fontawesome-webfont.b06871f281fee6b241d6.ttf)。我々はそれが我々が現在いるページのベースURLを使用してこれらのファイルを要求しようとした角度モジュールを含むページ上

、実際に私はそれがNGディレクトリを検索する必要がある代わりに

例えば

私はコンソールでこれらの404エラーが出るページアップロード:

NetworkError: 404 Not Found - http://localhost:8080/test/url/roboto-v15-latin-regular.7e367be02cd17a96d513.woff2. 

を私はこれらのファイルが代わりにhttp://localhost:8080/ng/roboto-v15-latin-regular.7e367be02cd17a96d513.woff2に位置していることを知らせるために、角コンパイラを設定する必要があります。

styles.bundle.js私は、それがページのスタイルに入れているリソースファイルへの参照を見つけることができます。ここではそれは次のようになります。私はコンフィグ設定が__ __webpack_requireを設定することができるものを見つけ出すことができれば

/***/ "../../../../primeng/resources/themes/omega/fonts/roboto-v15-latin-regular.woff": 
/***/ (function(module, exports, __webpack_require__) { 

module.exports = __webpack_require__.p + "roboto-v15-latin-regular.16e1d930cf13fb7a9563.woff"; 

/***/ }), 

NG/にP変数は、それが完璧になります。現時点では、これらのフォントファイルをページ自体に手動でインポートしていますが、一部のリソースファイルをコンパイルするために他のモジュールを使用する場合、これが問題になると感じています。

答えて

0

もう少し掘り下げた後で、私の質問がうまく表現されていないことがわかった。

How to set the public path on angular 4

私が探していた設定は試してみて、私のリソースファイルの公開パスを設定することでした。私はここで探していたものへの答えが見つかりました。この設定はdeployUrlパラメータによって制御されます。.angular-cli.json

関連する問題