javascript - Is this a good method for template cache busting in angular? - Stack Overflow

admin管理员组

文章数量:1292160

I'm trying to implement some cache busting on my angular application in a way that it will still allow caching but break it anytime we push new code to production. My setup so far involves using grunt cache-breaker to dig through my concatenated angular app.js file and append query params to any string ending in a .html file extension. I also do this for any template files I have that are using an ng-include. One plication this creates is that now I need to first copy my template files to a dist/ directory so I can safely .gitignore the cache-busted versions and not have to mit all of my templates everytime the cache is busted (and create conflicts).

My question is not how to do this but more of a sanity check as to if this is a practical way of avoiding template caching on new code? I have seen examples of disabling template caching in angular but it seems like it is something I would want to use in between code pushes when files are not changing.

How do other navigate this issue?

I'm trying to implement some cache busting on my angular application in a way that it will still allow caching but break it anytime we push new code to production. My setup so far involves using grunt cache-breaker https://www.npmjs/package/grunt-cache-breaker to dig through my concatenated angular app.js file and append query params to any string ending in a .html file extension. I also do this for any template files I have that are using an ng-include. One plication this creates is that now I need to first copy my template files to a dist/ directory so I can safely .gitignore the cache-busted versions and not have to mit all of my templates everytime the cache is busted (and create conflicts).

My question is not how to do this but more of a sanity check as to if this is a practical way of avoiding template caching on new code? I have seen examples of disabling template caching in angular but it seems like it is something I would want to use in between code pushes when files are not changing.

How do other navigate this issue?

• javascript
• angularjs
• templates
• caching

Share Follow asked Jul 10, 2014 at 18:30 ConstellatesConstellates 2,11344 gold badges1919 silver badges2929 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 9

I think a popular approach is to use something like ng-templates (with a grunt plugin) to generate a JS file that pre-caches all of your templates. Then use the usemin grunt workflow along with an asset versioning task to version the JS file.

本文标签： javascriptIs this a good method for template cache busting in angularStack Overflow