title: url rewriting not working with laravel-mix based on webpack.js. showing url([object Module]); in app.css
body: <p>i am using laravel-mix as independent installation on my project for asset management.
  when i run -npm run dev to compile webpack.mix.js then app.css file has formed in my output directory which is dist/app.css which is output code and below is sample rule of css as output in app.css</p>
  
  <pre><code>#welcome {
  background-image: url([object Module]); // wanted path to file here   
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  }
  </code></pre>
  
  <p>let see input which is in src/app.scss </p>
  
  <pre><code>#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;
  }
  </code></pre>
  
  <p>After runing npm run dev all asset successfully compiled </p>
  
  <p><a href="https://i.stack.imgur.com/pDufG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pDufG.png" alt="After runing npm run dev"></a></p>
  
  <p>lets see webpack.mix.js file</p>
  
  <pre><code>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();
  </code></pre>
  
  <p>So what could be the reason for this matter?</p>