Dynamically version cache of files on browser side









up vote
0
down vote

favorite












I'm working on a web project where we use Nginx to serve static files. I'd like to add the version on static files so that we could force the client to update static files that have been edited. Right now we handle that issue manually on each file by adding the version of the file (... scr="file.js?v=1234" ... ) but they are more and more files on the project.



I need help, an advice to dynamically handle files versions on server with Nginx so that when we edit the file the version change dynamically and the client can automatically update to a newer version.



If it's seems to be impossible to handle with Nginx, I'm also open for all others solutions or advices.



Thanks










share|improve this question



























    up vote
    0
    down vote

    favorite












    I'm working on a web project where we use Nginx to serve static files. I'd like to add the version on static files so that we could force the client to update static files that have been edited. Right now we handle that issue manually on each file by adding the version of the file (... scr="file.js?v=1234" ... ) but they are more and more files on the project.



    I need help, an advice to dynamically handle files versions on server with Nginx so that when we edit the file the version change dynamically and the client can automatically update to a newer version.



    If it's seems to be impossible to handle with Nginx, I'm also open for all others solutions or advices.



    Thanks










    share|improve this question

























      up vote
      0
      down vote

      favorite









      up vote
      0
      down vote

      favorite











      I'm working on a web project where we use Nginx to serve static files. I'd like to add the version on static files so that we could force the client to update static files that have been edited. Right now we handle that issue manually on each file by adding the version of the file (... scr="file.js?v=1234" ... ) but they are more and more files on the project.



      I need help, an advice to dynamically handle files versions on server with Nginx so that when we edit the file the version change dynamically and the client can automatically update to a newer version.



      If it's seems to be impossible to handle with Nginx, I'm also open for all others solutions or advices.



      Thanks










      share|improve this question















      I'm working on a web project where we use Nginx to serve static files. I'd like to add the version on static files so that we could force the client to update static files that have been edited. Right now we handle that issue manually on each file by adding the version of the file (... scr="file.js?v=1234" ... ) but they are more and more files on the project.



      I need help, an advice to dynamically handle files versions on server with Nginx so that when we edit the file the version change dynamically and the client can automatically update to a newer version.



      If it's seems to be impossible to handle with Nginx, I'm also open for all others solutions or advices.



      Thanks







      nginx caching browser-cache static-files






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited 23 hours ago

























      asked Nov 10 at 22:35









      Moussa

      788




      788






















          1 Answer
          1






          active

          oldest

          votes

















          up vote
          0
          down vote



          accepted










          after some research, I found a way to dynamically version cache of files using webpack. It does exactly what I was searching for. The article is quit well explained here. It uses a hash function to identify changes on a file and add the hash in his name.






          share|improve this answer






















            Your Answer






            StackExchange.ifUsing("editor", function ()
            StackExchange.using("externalEditor", function ()
            StackExchange.using("snippets", function ()
            StackExchange.snippets.init();
            );
            );
            , "code-snippets");

            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "1"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );













             

            draft saved


            draft discarded


















            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53244105%2fdynamically-version-cache-of-files-on-browser-side%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes








            up vote
            0
            down vote



            accepted










            after some research, I found a way to dynamically version cache of files using webpack. It does exactly what I was searching for. The article is quit well explained here. It uses a hash function to identify changes on a file and add the hash in his name.






            share|improve this answer


























              up vote
              0
              down vote



              accepted










              after some research, I found a way to dynamically version cache of files using webpack. It does exactly what I was searching for. The article is quit well explained here. It uses a hash function to identify changes on a file and add the hash in his name.






              share|improve this answer
























                up vote
                0
                down vote



                accepted







                up vote
                0
                down vote



                accepted






                after some research, I found a way to dynamically version cache of files using webpack. It does exactly what I was searching for. The article is quit well explained here. It uses a hash function to identify changes on a file and add the hash in his name.






                share|improve this answer














                after some research, I found a way to dynamically version cache of files using webpack. It does exactly what I was searching for. The article is quit well explained here. It uses a hash function to identify changes on a file and add the hash in his name.







                share|improve this answer














                share|improve this answer



                share|improve this answer








                edited 23 hours ago

























                answered 23 hours ago









                Moussa

                788




                788



























                     

                    draft saved


                    draft discarded















































                     


                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53244105%2fdynamically-version-cache-of-files-on-browser-side%23new-answer', 'question_page');

                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    這個網誌中的熱門文章

                    Barbados

                    How to read a connectionString WITH PROVIDER in .NET Core?

                    Node.js Script on GitHub Pages or Amazon S3