title: Symfony 4 & encore autorefresh does not work, I always have to reload manually my browser
body: <p>From a new Symfony 4 project, when I run this command : </p>
  
  <pre><code>./node_modules/.bin/encore dev-server --hot
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/R0ZR9.png" rel="noreferrer"><img src="https://i.stack.imgur.com/R0ZR9.png" alt="enter image description here"></a></p>
  
  <p>And then I modify a scss file (change the the body tag background-color by example), the shell react</p>
  
  <p><a href="https://i.stack.imgur.com/5fYvb.png" rel="noreferrer"><img src="https://i.stack.imgur.com/5fYvb.png" alt="enter image description here"></a></p>
  
  <p>But my browser does not automatically refresh ! I always have to reload manually the page for see the latest css change. Where may I do a mystake ? </p>
  
  <p>Thank you !</p>
  
  <p><strong>=> I tested with different browsers</strong>
  <strong>=> If I modify a custom javascript file, the browser autorefresh ! in contrary when I change the scss file</strong></p>
  
  <p><strong>=> My assets directory structure :</strong> </p>
  
  <p><a href="https://i.stack.imgur.com/vYoCT.png" rel="noreferrer"><img src="https://i.stack.imgur.com/vYoCT.png" alt="enter image description here"></a></p>
  
  <p><strong>=> My webpack.config.js content :</strong> </p>
  
  <pre><code>var Encore = require('@symfony/webpack-encore');
  
  Encore
      // directory where compiled assets will be stored
      .setOutputPath('public/build/')
      // public path used by the web server to access the output path
      .setPublicPath('/build')
      // only needed for CDN's or sub-directory deploy
      //.setManifestKeyPrefix('build/')
  
      /*
       * ENTRY CONFIG
       *
       * Add 1 entry for each "page" of your app
       * (including one that's included on every page - e.g. "app")
       *
       * Each entry will result in one JavaScript file (e.g. app.js)
       * and one CSS file (e.g. app.css) if you JavaScript imports CSS.
       */
      .addEntry('app', './assets/js/app.js')
      .addEntry('article/main', './assets/js/article/main.js')
      .addStyleEntry('article/style','./assets/css/article/style.scss')
      //.addEntry('page2', './assets/js/page2.js')
  
      /*
       * FEATURE CONFIG
       *
       * Enable &amp; configure other features below. For a full
       * list of features, see:
       * https://symfony.com/doc/current/frontend.html#adding-more-features
       */
      .cleanupOutputBeforeBuild()
      .enableBuildNotifications()
      .enableSourceMaps(!Encore.isProduction())
      // enables hashed filenames (e.g. app.abc123.css)
      .enableVersioning(Encore.isProduction())
  
      // enables Sass/SCSS support
      .enableSassLoader()
  
      // uncomment if you use TypeScript
      //.enableTypeScriptLoader()
  
      // uncomment if you're having problems with a jQuery plugin
      //.autoProvidejQuery()
  ;
  
  module.exports = Encore.getWebpackConfig();
  </code></pre>
  
  <p><strong>=> And my automatically generated public/build/manifest.json file :</strong> </p>
  
  <p><a href="https://i.stack.imgur.com/fSK9f.png" rel="noreferrer"><img src="https://i.stack.imgur.com/fSK9f.png" alt="enter image description here"></a></p>