Skip to content

Removing hash from Webpack bundle #1833

Closed

Description

@Trevald

Is there a way to modify settings for the webpack bundles to remove the hash from the js-files and the script-tags generated in index.html?

Activity

  1. Trevald commented on Aug 28, 2016

    @Trevald
    Author

    I know, and I would love to keep 'em. But I'm delivering my bundle to a back-end developer who doesn't use the generated index.html but rather only wants to replace the old bundle with a new one without needing to change the hash.

  2. deebloo commented on Aug 28, 2016

    @deebloo
    Contributor

    Could you just write a script to do that for you?

  3. Trevald commented on Aug 28, 2016

    @Trevald
    Author

    @deebloo You could probably write a gulp-script that does that but it seems to me that that would be having two steps in the process that could be reduced to zero steps, adding hash and removing has. Instead of just not adding hash.

    Thanks for the tip but the question remains, even though apparently badly put, is it possible to change the bundle process to not adding hash rather than is there a way to remvove hash.

    I like the simplicity of the bundle process with CLI, I need to do absolutely nothing. But here I am in a situation wanting to do something and it just seems to me that this little change should be an ever so simple task.

  4. filipesilva commented on Sep 20, 2016

    @filipesilva
    Contributor

    If you use ng build without the --prod flag you shouldn't get any hashes.

  5. bryanjjohnson commented on Sep 26, 2016

    @bryanjjohnson

    Does --prod only add the hash and use the environments.prod file? If not, then this isn't a good solution, because they would want the other advantages of using --prod such as the tree-shaking and uglifying.

  6. toiladuy commented on Oct 17, 2016

    @toiladuy

    Any idea or option to remove hash? I have the same issue.

  7. bryanjjohnson commented on Oct 17, 2016

    @bryanjjohnson

    We ended up adding these to our build script:
    ng build -prod
    mv dist/main..bundle.js dist/main.bundle.js
    mv dist/main.
    .bundle.js.gz dist/main.bundle.js.gz
    mv dist/styles..bundle.js dist/styles.bundle.js
    mv dist/styles.
    .bundle.js.gz dist/styles.bundle.js.gz

  8. 0cv commented on Nov 8, 2016

    @0cv

    Thanks, that's helpful @bryanjjohnson .

    @filipesilva / @deebloo : removing --prod has for sure not the same effect... We all have a specific and valid reason why we want to make a prod bundling, but don't want the hash. That shall be definitely an option in the angular-cli. Or maybe you shall allow to provide a Webpack config which could overwrite some default option. I see other issues which are raised, simply because the current configuration possibilities are to strict. Which is a paradox, because Webpack is actually extremely flexible in itself.

    Please reopen the issue and consider this feature request.

  9. filipesilva commented on Nov 21, 2016

    @filipesilva
    Contributor

    Hash removal option being tracked in #1833

  10. phil-ioniq commented on Jan 3, 2017

    @phil-ioniq

    Any update on if this will be implemented? I would also need to prevent the hash generation in the name for similar reasons

  11. FerGabPereira commented on Jan 9, 2017

    @FerGabPereira

    any updates?

  12. filipesilva commented on Jan 9, 2017

    @filipesilva
    Contributor

    Sorry I linked the wrong issue, here is where it's being tracked: #2774

  13. dmesa commented on Feb 12, 2017

    @dmesa

    Closed on #3885
    try using:
    ng build --prod --output-hashing none

  14. SSAT commented on Mar 2, 2018

    @SSAT

    ng build --prod --output-hasing media/none/bundles

    output-hashing
    --output-hashing (aliases: -oh)

    Define the output filename cache-busting hashing mode.

    Values: none, all, media, bundles

    https://github.com/angular/angular-cli/wiki/build

  15. WebStew commented on Jun 7, 2018

    @WebStew

    Is it possible to add the hashing value as a url parameter? eg :

    <script src="main.bundle.js?v=8ce0183eeaa599bafb462"></script>

    That way the cache busting stays intact and we have the benefit of static named files?

  16. angular-automatic-lock-bot commented on Sep 8, 2019

    @angular-automatic-lock-bot

    This issue has been automatically locked due to inactivity.
    Please file a new issue if you are encountering a similar or related problem.

    Read more about our automatic conversation locking policy.

    This action has been performed automatically by a bot.

  17. locked and limited conversation to collaborators on Sep 8, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions