Неверное расположение каталога в css с использованием npm

Question

Я добавил fontawesome на свой сайт, выполнив следующие действия:

1. Конфигурация webpack.mix.js.

   mix.js('resources/assets/js/app.js', 'public/js')
      .sass('resources/assets/sass/app.scss', 'public/css');
   

2. npm install @fortawesome/fontawesome-free

3. В моем package.json.

   // Font Awesome
   "dependencies": {
       "@fortawesome/fontawesome-free": "^5.13.0",
   

4. В моем app.scss

   // Fonts
   @import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700&display=swap');
   @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');
   
   // Variables
   @import 'variables';
   
   // Bootstrap
   @import '~bootstrap/scss/bootstrap';
   
   //Fontawesome
   @import '~@fortawesome/fontawesome-free/scss/fontawesome';
   @import '~@fortawesome/fontawesome-free/scss/regular';
   @import '~@fortawesome/fontawesome-free/scss/solid';
   @import '~@fortawesome/fontawesome-free/scss/brands';
   

Когда я бегу npm run dev расположение каталога fontawesome css в моем app.css является

url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot?6b20949b3a679c30d09f64acd5d3317d);

вместо того

url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot?6b20949b3a679c30d09f64acd5d3317d);

Есть идеи, как это исправить? Новичок в Laravel, переход с Yii 1. Спасибо.

Answer 1

* попробуйте использовать пример относительного пути:

@import '../fonts/vendor/@fortawesome/fontawesome-free';