title: On cloudflare I want to disable caching and see my website changes immediately that I've pushed live
body: <p>On cloudflare I want to disable caching and see my website changes immediately that I've pushed live.</p>
  
  <p><strong>Things I've tried:</strong></p>
  
  <ul>
  <li>I've put development mode on.</li>
  <li>Create a bypass on caching in page rules.</li>
  <li>Purged an individual webpage.</li>
  <li>Purged the website.</li>
  <li>Set cache to clear every 2 hours.</li>
  </ul>
  
  <p>None of the above worked.</p>
  
  <p><strong>Tech I'm using:</strong></p>
  
  <ul>
  <li>Angular2</li>
  <li>SystemJS</li>
  <li>Typescript which becomes javascript on build.</li>
  <li>Firebase for hosting and database.</li>
  <li>Cloudflare for SSL etc.</li>
  </ul>
  
  <p>The only way people see my website changes, it if they hard refresh.</p>
  
  <p>The main problem is I've got a javascript file called app.js and its has all my javascript in for my Angular app. And it doesnt seem like its trying to get the resource in the browser.</p>
  
  <p>I've changed the app.js to app.js?1490959855777
  And still doesnt fetch the file again.</p>
  
  <p>I basically want to see my JS file without a user having to hard refresh.</p>
  
  <p><a href="https://i.stack.imgur.com/cgy4R.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cgy4R.png" alt="enter image description here"></a></p>