Add support for stats.entrypoints[].childAssets

[jantimon]

Webpack 4.6 allows to prefetch/preload dependencies using dynamic imports:

https://medium.com/webpack/link-rel-prefetch-preload-in-webpack-51a52358f84c

The webpack core api allows to consume those information also for html generation.
So we could turn the following data into <link /> tags:

console.log(stats.entrypoints[].childAssets);

{ 
 main: 
 { 
   assets: ["a.js", "a.css"], 
   childAssets: { 
     preload: [ assets: ["b.js", "b.css"] }, 
     prefetch: { assets: ["c.js", "c.css"] 
    } 
 } 
}

--->

head
  link(rel=preload, href=a.js, as=script)
  link(rel=preload, href=a.css, as=stylesheet)
  link(rel=preload, href=b.js, as=script)
  link(rel=preload, href=b.css, as=stylesheet)
  link(rel=prefetch, href=c.js, as=script)
  link(rel=prefetch, href=c.css, as=stylesheet)
  ...
  link(rel=stylesheet, href=a.css)
body
  ...
  script(src=a.js)

@mastilver do you think we should add this to the html-webpack-plugin itself or rather as a plugin?

[loveky]

hi guys, any update on this feature?

[loveky]

will look into this to see if I can make a PR

[jantimon]

@loveky cool 👍
right now I am refactoring a lot for #953 so it will take some time till I can work on this topic

[stale]

This issue had no activity for at least half a year. It's subject to automatic issue closing if there is no activity in the next 15 days.

[glen-84]

@jantimon Should this be re-opened?

[jantimon]

I believe this feature would aid many however the information can only be retrieved using a very slow api.

So it would slow down the compilation for all users. If we can find a perfomant way to access this information I would be more than happy to integrate it

[glen-84]

Is there a webpack issue tracking this performance problem?

[jantimon]

The webpack core team even provided a new api to get access to the entry point assets so we could speed up the build

[raRaRa]

Hi, any update on this? AFAIK, create-react-app are waiting for this fix in order to add support for webpackPrefetch and webpackPreload.

facebook/create-react-app#3319

[jantimon]

As said before this needs support from the webpack api to provide those data in a performant way.

I am not aware if there is already a issue for that on their issue tracker.