How to automate javascript version increment if file changed?

Question

I'm using grunt to build a javascript/angularjs project in the following order:

clean copy > uglify > cssmin.

Now if I change a js file I'd always have to manually add a version increment at the end of the script tag, so that the browser can detect the changes.

<script src="/js/myscript?v123"></script>

Question: how can I automate this process using grunt? If I run the "grunt" command, only files that changed compared to the last run should get a version increment. So that the browser can reuse the cached files as much as possible.

I'd appreciate an anwer to my quesiton more than a good wish, but thanks ;) — membersound
– membersound, Commented Dec 21, 2015 at 14:53
how big is your app(html, js, css) without libraries? If it is ~ 1Mb or less, I would advise to simply concat your app into single app.js and use cacheBust. — Petr Averyanov
– Petr Averyanov, Commented Dec 21, 2015 at 15:19

Community · Accepted Answer · 2017-05-23 11:59:05Z

2

I know short answers are not OK (not enough rep to comment), but you might want to checkout grunt-asset-cachebuster. I haven't tried it myself but there are plenty of examples in their npm page.

Also checkout this answer about grunt-newer

edited May 23, 2017 at 11:59

CommunityBot

11 silver badge

answered Dec 30, 2015 at 6:35

Murat Ozgul

11.9k6 gold badges32 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

membersound Over a year ago

The plugin adds the timestamp to every file on compilation. I only want to add it on files that changed comparing to the last compilation. Apart from that it looks promising.

Murat Ozgul Over a year ago

I have found a similar question. Checkout this answer: stackoverflow.com/a/19722900/2620998

Collectives™ on Stack Overflow

How to automate javascript version increment if file changed?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related