Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

fdusautoir's avatar

Webpack mix and url()

Hi there.

I've a problem with my my shell npm run dev command. Everything is working well but when it's time to compile my sass files, I've this error :

Info versions : npm : v4.1.2 node : v7.4.0 laravel : v5.4.9 (update 1 hour ago)


 ERROR  Failed to compile with 6 errors

These dependencies were not found in node_modules:

* ../images/load-2.svg
* ./overlays/02.png
* ../../fonts/lvdp/lvdp.eot
* ../../fonts/lvdp/lvdp.woff
* ../../fonts/lvdp/lvdp.ttf
* ../../fonts/lvdp/lvdp.svg

This is my webpack.mix.js :


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


mix.js([
    'resources/assets/js/vendor/modernizr.js',
    'resources/assets/js/vendor/classie.js',
    'resources/assets/js/vendor/sweetalert.js',
    'resources/assets/js/vendor/simple-lightbox.jquery.js',
    'resources/assets/js/vendor/vegas.js',
    'resources/assets/js/vendor/swiper.jquery.js'
], 'public/js/vendor.js')
    .version();

mix.js([
    'resources/assets/js/menu.js',
    'resources/assets/js/contact.js',
    'resources/assets/js/home.js',
    'resources/assets/js/newsletter.js'
], 'public/js/app.js')
    .version();

mix.sass('resources/assets/sass/main.scss', 'public/css/all.css');

And here it's my package.json



{
  "private": true,
  "scripts": {
    "dev": "node node_modules/cross-env/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "node node_modules/cross-env/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "hot": "node node_modules/cross-env/bin/cross-env.js NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "production": "node node_modules/cross-env/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "devDependencies": {
    "axios": "^0.15.2",
    "jquery": "^3.1.0",
    "laravel-mix": "^0.6.0",
    "lodash": "^4.16.2"
  }
}

That's seems to be with the use of url() in css. What is the way to say webpack to ignore url() value ?

Any help ? :)

0 likes
2 replies
erikverbeek's avatar
Level 9

The problem seems to be that you are pointing your url() to files that don't exist. Do you have the files you are pointing to set up in your resources/assets folder?

Mix will look there for all your js/css/images/fonts and compile those to your public folder.

fdusautoir's avatar

Thanks a lot.

'Mix will look there for all your js/css/images/fonts and compile those to your public folder.'

I don't know it for your last answer and that is really great ! :-)

Please or to participate in this conversation.