Mini-css-extract-plugin: Don't refetch a CSS chunk if it's inlined into the HTML <head>
In Gatsby v2, we'll be using webpack 4 and mini-css-extract-plugin. Gatsby tries to always inline the critical CSS for a page — which aligns perfectly with mini-css-extract-plugin's goals. Currently, however, if we inline a CSS chunk, it'll still be loaded once the webpack runtime loads in the client. Discussing this with @sokra, he suggested that we'd adopt a convention where if you add a data-href to the <style> tag that then webpack wouldn't reload the inlined css.
KyleAMathews
👍6
All 2 comments
sokra
on 26 Mar 2018
🎉4
has the fix been published to npm? seems like it still having the old code
andiwinata
on 28 Mar 2018
Was this page helpful?
0 / 5 - 0 ratings
Related issues
mike-marcacci
·
4Comments
fvigotti
·
4Comments
PetrShypila
·
4Comments
weoil
·
3Comments
elgs
·
3Comments
Most helpful comment
fixed by https://github.com/webpack-contrib/mini-css-extract-plugin/pull/55