我對Angular有點新,所以希望我遇到的問題可以修復。在Angular 2項目中更改已編譯字體文件的基本URL
在我的Angular項目中,當我們運行ng build
時,我們將源代碼編譯到我們的webapp文件夾中的特定desination目錄中,該文件夾名爲ng。我們包括一些需要使用一些fontawesome和roboto-v15字體文件的模塊,因此它似乎將所需的字體文件複製到目錄(這些文件被命名爲fontawesome-webfont.af7ae505a9eed503f8b8.woff2和fontawesome-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變量設置爲納克/那麼這將是完美的。目前我手動將這些字體文件導入頁面本身,但是我有一種感覺,如果我想要使用其他模塊來編譯某些資源文件,這將會成爲一個問題。