[Enhancement] --output-hashing=chunk

[xouqoa]

- [ ] bug report -> please search issues before submitting
- [ x] feature request

Versions.

@angular/cli: 1.2.6
node: 7.7.1
os: win32 x64
@angular/animations: 4.2.4
@angular/common: 4.2.4
@angular/compiler: 4.2.4
@angular/core: 4.2.4
@angular/forms: 4.2.4
@angular/http: 4.2.4
@angular/platform-browser: 4.2.4
@angular/platform-browser-dynamic: 4.2.4
@angular/router: 4.2.4
@angular/cli: 1.2.6
@angular/compiler-cli: 4.2.4
@angular/language-service: 4.2.4

Desired functionality.

Due to the way our server side code is set up, we are unable to use the dist/index.html file generated during the build process. We use it locally for development purposes only. Consequently, we have output hashing turned off since trying to keep all the file names straight with an external file would be a nightmare.

We have recently run into an issue with browsers caching the chunk files, since they don't have the hash appended to them. Our normal JS files are loaded with a url parameter to keep them fresh, but we aren't able to do that with the chunk files (lazy loaded modules) as they are loaded via inline.bundle.js.

I ejected the webpack config file, and it looks like it would be possible to add an additional argument value (--output-hashing=chunk) so that it only applies the hash value to those files. I'm not sure what difficulties this would create outside of the webpack.config. There may be technical reasons this hasn't been done already, but I thought I'd ask just in case.

I'm also open to other suggestions we could implement to prevent the browsers from being able to cache the chunk files.

[hansl]

We already support the --output-hashing=bundles. Doesn't that work for you?

[xouqoa]

No, unfortunately. We're using ColdFusion/Railo with an MVC framework, so we have to include the javascript files in that view manually. If we build the bundle files with the hashing, we have to update the view every time which is less than desirable. (Admittedly possible, but just a pain to make sure it is right.) There may be some way to script that update, but I haven't looked into that yet.

Since the chunks are loaded from inside the Angular app, we wouldn't have to worry about updating the view if they had the hash added.

Is there any way to override the function Angular is using to load the chunks? I was thinking maybe we could do something with an interceptor where we change the cache control settings on those files or something, but I haven't looked into it yet.

Maybe there's some other way I haven't thought of. This just came up today. :)

[kevinbuhmann]

Can your MVC views read the filesystem to determine the hashed filename? I have done this in the past with .NET MVC Framework.

[IndianaHorrscht]

+1

[pnuzhdin]

We need it badly

[kjbetz]

Found this issue/request after searching and running into the same issue as @xouqoa describes.

It would be ideal to have just the chunks hashed.

@kevinphelps Do you have a sample I could look at?

[kjbetz]

I still think this would be a worthwhile enhancement.

But for ASP.NET Core users... here's the rather simple solution.

<link rel="stylesheet" asp-href-include="~/dist/apps/yourapp/path/styles.*.css">

<script type="text/javascript" asp-src-include="~/dist/apps/yourapp/path/runtime.*.js">
<script type="text/javascript" asp-src-include="~/dist/apps/yourapp/path/polyfills.*.js">
<script type="text/javascript" asp-src-include="~/dist/apps/yourapp/path/main.*.js">

http://michaco.net/blog/Angular4GettingHashedWebpackBundlesWorkingInASPNETCoreMVC

https://www.davepaquette.com/archive/2015/05/06/link-and-script-tag-helpers-in-mvc6.aspx

https://davidsekar.com/aspnetcore/dealing-with-hashed-filenames

[pravesh364]

Is there any updated on it. I having the same problem.