title: How to verify if .gz files are loading in chrome browser for VueJs application?
body: <p>I have simple VueJs application with webpack and in <code>webpack.prod.conf.js</code> file, I have enabled <code>productionGzip</code> which generates <code>.gz</code> file for each of the chunks in dist folder.</p>
  
  <pre><code>productionGzip: true,
  productionGzipExtensions: ['js', 'css'],
  </code></pre>
  
  <p>When I am loading my application in browser, I can see <code>.js</code> files are loaded but I can not see any tag with <code>content-encoding: gzip</code> or anything which indicates <code>.gz</code> files has taken effects. All <code>.js</code> files loaded in network tab of browser are having <code>Content-Type: application/javascript</code></p>
  
  <p>How to verify if <code>.gz</code> files are loading in chrome browser?</p>