title: Angular2 GZIP issue when I run my app
body: <p>I have an angular2 typescript app.</p>
  
  <p>I host with Firebase and use cloudflare for speed, caching and protection.</p>
  
  <p>The browser header says: accept-encoding:gzip, deflate, sdch, br</p>
  
  <p>This gets converted to a app.js file and is minified now to 1.6mb.</p>
  
  <p><strong>I then GZIP Compressed this app.js file.</strong></p>
  
  <p>I'm wanting to use the app.js file that is now GZIP compressed rather than the original 1.6mb app.js file. Therefore, I point to the <strong>app.js.gz file</strong> in my index.html page and I get a browser error called: </p>
  
  <p><strong>app.js.gz:1 Uncaught SyntaxError: Invalid or unexpected token</strong></p>
  
  <p>Below is a screen grabs of my app.js file and index.html.</p>
  
  <p><a href="https://i.stack.imgur.com/Elzz8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Elzz8.png" alt="enter image description here"></a></p>
  
  <p>Let me know if you request any more info or screen grabs.</p>
  
  <p>It seems like I need to do something else in order for it to work.
  Do I need to do some cloudflare settings to accept a .gz file or something?</p>