Почему Laravel Mix удаляет CSS @import url () - PullRequest
Новая
       73

Почему Laravel Mix удаляет CSS @import url ()

0 голосов
/ 31 октября 2019

Я использую Laravel Mix, и когда я запускаю npm run dev, все хорошо, но когда я запускаю npm run prod, в минимизированном style.css все @import url() s удаляются!

Настройки Webpack 

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

mix.setPublicPath('public');

if (mix.inProduction()) {
    mix.version();
}

У меня нет настроек, и я использую mix.styles([sources, dist]) для управления моими чистыми файлами стилей CSS. В одном из моих источников у меня есть что-то вроде следующего: 

@import url(../../dist/icons/font-awesome/css/fontawesome-all.css);

Однако, когда я минимизирую их, все @imports исчезают! Есть ли какие-либо настройки или что-то? resolve-url-loader - это пакет для управления такими вещами? Если да, не могли бы вы привести хороший пример того, как его использовать?

1 Ответ

0 голосов
/ 02 ноября 2019

Чтобы импортировать Font Awesome для компиляции ресурсов в Laravel, сделайте это следующим образом ... 

@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import '~@fortawesome/fontawesome-free/scss/brands';

См .: Laravel 5.7 + Font Awesome

...