Я использую 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](https://i.stack.imgur.com/pDufG.png)
давайте посмотрим 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();
Итак, в чем может быть причина по этому поводу?