2017-06-26 17 views
0

我對Angular有點新,所以希望我遇到的問題可以修復。在Angular 2項目中更改已編譯字體文件的基本URL

在我的Angular項目中,當我們運行ng build時,我們將源代碼編譯到我們的webapp文件夾中的特定desination目錄中,該文件夾名爲ng。我們包括一些需要使用一些fontawesome和roboto-v15字體文件的模塊,因此它似乎將所需的字體文件複製到目錄(這些文件被命名爲fontawesome-webfont.af7ae505a9eed503f8b8.woff2fontawesome-webfont.b06871f281fee6b241d6.ttf)。

在那裏我們包括它試圖利用我們當前頁面的基本URL請求這些文件角模塊的網頁,當在現實中,我需要它看起來在納克目錄,而不是

例如,當我加載頁面我在控制檯中看到這些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我可以找到它引入頁面樣式的資源文件的引用。這裏是什麼樣子:

/***/ "../../../../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"; 

/***/ }), 

如果我能想出什麼配置設置可以在__webpack_require __ p變量設置爲納克/那麼這將是完美的。目前我手動將這些字體文件導入頁面本身,但是我有一種感覺,如果我想要使用其他模塊來編譯某些資源文件,這將會成爲一個問題。

回答

0

經過一番更深入的挖掘,我意識到我的問題有點糟糕。我找到了答案,我一直在尋找在這裏:

How to set the public path on angular 4

我一直在尋找的設置是嘗試並設置公共路徑爲我的資源文件。此設置由deployUrl參數控制。.angular-cli.json

相關問題