You would put this snippet of code in your main HTML file just before you include steal.js. It is how you cache bust your production files.
So include your production.css in the head with some sort of version query string (or a URI with the version in it if you want to use rewrite rules):
- <link rel="stylesheet" href="production.css?v=${BUILD_TAG}" type="text/css" />
Then at the bottom of the page put this snippet to let steal know that production.css is already loaded. You can also rename your production.js to include a version parameter:
- <script type='text/javascript'>
- (function(){
- steal = {
- production: "myapp/path/to/production.js?v=${BUILD_TAG}",
- executed: ["myapp/path/to/production.css"]
- };
- })()
- </script>
The UI code is usually run through a build script that replaces ${BUILD_TAG} with some unique identifier.