I’m having an issue getting Browsersync to refresh after a file edit. I run my start script, which runs with no errors, I CRTL+Click on the browsersync proxy, which is “http://sage-framework-v2.local”. It opens fine and I see my site. When I go to edit a CSS file and save the changes, I refresh the page and nothing happens. The only way to see my changes is to run the script again.
I’m using Local by flywheel to run WP locally. I have tried it will SSL enabled and disabled on Local.
Here is a snippet from my webpack.mix.js file:
const mix = require('laravel-mix'); require('laravel-mix-postcss-config'); require('laravel-mix-purgecss'); require('laravel-mix-copy-watched'); mix .setPublicPath('./dist') .browserSync('http://sage-framework-v2.local');
Here is a snippet from my package.json scripts:
"start": "cross-env NODE_ENV=development run-s \"build -- --watch\"", "build": "webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
I run “yarn run start” to start up Browsersync. I’m not sure if I need to dig deeper into my config to see if I’m missing something.
Can anyone help?