run hot the server root path isn't public ?

npm run hot.

Request http://127.0.0.1:8080/css/app.css got 404 error.

If I mv public/css/app.css to Laravel project root path, then request http://127.0.0.1:8080/app.css is successful.

Have any params to set the root path ?

  "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",

[ankurk91]

Finally i was able to make this - (v1.2.0) Just add these to your webpack.mix.js

// version does not work in hmr mode
if (process.env.npm_lifecycle_event !== 'hot') {
  mix.version()
}
const path = require('path');
// fix css files 404 issue
mix.webpackConfig({
  devServer: {
    contentBase: path.resolve(__dirname, 'public'),
  }
});

Run command npm run hot, wait for build Access your virtual host as normal, for example http://laravel-app.dev Do NOT try to access http://localhost:8080 (this is where most people get confused) Any change made in ./resources/assets folder files should reflect on virtual host domain. Make sure you’re using mix() blade helper to load assets.

@JeffreyWay The docs should be updated to reflect this.

[ankurk91]

@nelson6e65 Laravel mix is already doing the same

https://github.com/JeffreyWay/laravel-mix/blob/9fbd97915bfab2027dfb8f80ceac484915f5c88d/src/builder/WebpackConfig.js#L66-L73