Как заставить laravel -микс копировать шрифт с правильным путем? - PullRequest
Новая
       8

Как заставить laravel -микс копировать шрифт с правильным путем?

0 голосов
/ 28 марта 2020

Я работаю на Laravel, и у меня есть это в моем SASS 

$feather-path: '/node_modules/feather-webfont/';

@font-face {
    font-family: "feather";
    src: url('#{$feather-path}/feather-webfont.eot?t=1501841394106'); /* IE9*/
    src: url('#{$feather-path}/feather-webfont.eot?t=1501841394106#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('#{$feather-path}/feather-webfont.woff?t=1501841394106') format('woff'), /* chrome, firefox */
    url('#{$feather-path}/feather-webfont.ttf?t=1501841394106') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('#{$feather-path}/feather-webfont.svg?t=1501841394106#feather') format('svg'); /* iOS 4.1- */
}

В моем webpack.mix.js У меня есть это: 

const mix = require('laravel-mix');

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

К сожалению, я заметил, что мой шрифт не копируется в публичные / шрифты. Я предполагаю, что мне нужно использовать относительные пути, но веб-пакет, кажется, не принимает пути выше app.scss, такие как: 

$feather-path: '../../../node_modules/feather-webfont/';

Если я изменю свою стратегию и сделаю: 

mix.copy('node_modules/feather-webfont/dist', 'public/fonts/feather');

И используйте путь $feather-path: '/public/fonts/feather';, на этот раз мой браузер ищет файл http://localhost/public/fonts/feather, а не http://localhost/fonts/feather.

Как сказать Laravel Mix, чтобы скопировать шрифт в /public/fonts/ и использовать его?

...