Перезапись URL не работает с laravel -mix на основе webpack. js. отображение url ([модуль объекта]); в приложении css - PullRequest
Новая
       77

Перезапись URL не работает с laravel -mix на основе webpack. js. отображение url ([модуль объекта]); в приложении css

1 голос
/ 17 июня 2020

Я использую laravel -mix в качестве независимой установки в моем проекте для управления активами. когда я запускаю - npm run dev для компиляции webpack.mix. js, тогда файл app. css сформирован в моем выходном каталоге, который является dist / app. css, который является выходным кодом, а ниже - пример правила css как вывод в приложении. css

#welcome {
background-image: url([object Module]); // wanted path to file here   
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}

давайте посмотрим ввод, который находится в src / app.s css 

#welcome {
background-image: url('../img/newfmob.webp');//this is the path to asset 
background-attachment: fixed;
background-position: center 57%;
background-repeat: no-repeat;
/*width:100%;*/
overflow: hidden;
}

После запуска npm run dev все ресурсы успешно скомпилированы

After runing npm run dev

давайте посмотрим webpack.mix. js файл 

mix.js('src/app.js','dist/app.js')
   .js('src/admin.js','dist/admin.js')
   .sass('src/app.scss','dist/app.css')
   .sass('src/admin.scss','dist/admin.css')
   .options({processCssUrls:true})
   .setPublicPath('dist').sourceMaps();

Итак, в чем может быть причина по этому поводу?

...