Laravel Mix отключить загрузчик файлов для URL ()
Laravel 5.4 представила Laravel Mix с веб-пакетом. Нет четкой документации для работы с изображениями в Laravel Mix (например, как это работает и настроить его для наших нужд). Поскольку это не работает, как я ожидал, я хотел бы отключить его для моего текущего проекта.
Как я мог отключить это?
Я попытался, удалив код ниже в webpack.config.js:
{
test: /\.(png|jpg|gif)$/,
loader: 'file-loader',
options: {
name: '[name].[ext]?[hash]'
}
}
но работает команда npm run dev выдает эту ошибку:
Вам может понадобиться соответствующий загрузчик для обработки этого типа файлов.
Решение
Как и в Laravel Mix v0.8, есть простые опции API для этого. Чтобы отключить загрузчик файлов url (), установите следующие параметры в webpack.mix.js
mix.options({
processCssUrls: false
});
Решение 1. Отключите обработку url ()
URL () интерпретируются как импорт CSS-погрузчик. В настоящее время CSS-Loader является своего рода подходом «все или ничего», поэтому нам нужно отключить всю обработку url (), чтобы сделать это ..
открыто node_modules\laravel-mix\setup\webpack.config.js и внести следующие изменения,
{ loader: 'css-loader' + sourceMap },
заменить
{ loader: 'css-loader?url=false' + sourceMap.replace("?", "&") },
Решение 2. Использование абсолютной ссылки в url ()
URL, которые начинаются с /, не будет обработан например:url(/images/something.jpg). Если ваш проект поддержки URL, начиная с /, вы можете использовать как есть, не будет никаких проблем.
Другие решения
Других решений пока нет …