Углеродный 2 base_href связанный выпуск активов

Question

Я использую laravel 5.3 с angular 2 для моего проекта и используя webpack для составления активов, включая js and css.

Я пытаюсь использовать тот же font awesome and bootstrap для клиента и области администратора.

У меня есть структура папок laravel со всем, что внутри js directory.

|-public 
    |-js 
     |-assets 
     |-fontawesome-webfonts.woff 
     |-image1.png 
     |-vendor.bundle.js 
     |-polyfill.bundle.js 

Для угловых 2 маршрутов, которые мы должны добавить base href в основной шаблон, который я также добавил.

<base href="/"> 

Администратор URL является localhost:8000/admin

и пользовательский URL является localhost:8000

Я включил пучки как

{!! Html::script('js/vendor.bundle.js') !!} 

и поставщика импортировали less файлы как:

vendor.bundle.js

import 'admin-lte/build/less/AdminLTE.less'; 
import 'font-awesome/less/font-awesome.less'; 

Основная проблема заключается в том, что, когда я использую тот же vendor.bundle.js для обоих пользователей и администраторов страниц страница пользователя работает нормально, так как он загружает шрифты из js/assets/fontawesome-webfonts.woff, но когда я загрузить админа странице не удалось загрузить шрифты при поиске с admin/js/assets/fontawesome-webfonts.woff, который не является правильным каталогом.

Как я могу сделать Угловой поиск в js/assets/fontawesome-webfonts.woff для обоих URL?

Проблема также отображается на изображении.

Answer 1

Я просто понял это сам, используя url-loader webpack plugin.

Вы должны оставить базовый href таким, какой он есть, и сконфигурировать активы.

Мне просто нужно, чтобы добавить новый тест только для fonts

{ 
    test: /\.(svg|woff|woff2|ttf|eot)$/, 
    loader: 'url-loader?limit=10000&name=assets/[hash].[ext]&publicPath=/js/' 
} 

Вы должны указать publicPath и добавить другие каталоги name.

Это все. Надеюсь, это спасет драгоценное время.

Примечание: не забывайте «/» на фронте общественного пути