You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+25-10
Original file line number
Diff line number
Diff line change
@@ -21,13 +21,34 @@
21
21
22
22
Like `extract-text-webpack-plugin`, but creates multiple css files (one per chunk). Then, as part of server side rendering, you can deliver just the css chunks needed by the current request. The result is the most minimal CSS initially served compared to emerging JS-in-CSS solutions.
23
23
24
+
For a demo, checkout: https://github.com/faceyspacey/flush-chunks-boilerplate-webpack-chunknames
@@ -49,19 +70,13 @@ Here's the sort of CSS you can expect to serve:
49
70
50
71
If you use [webpack-flush-chunks](https://github.com/faceyspacey/webpack-flush-chunks), it will scoop up the exact stylesheets to embed in your response string for you.
51
72
52
-
[babel-plugin-dual-import](https://github.com/faceyspacey/babel-plugin-dual-import) is required for ascynchronous requests via `import()`. It requests both your js + your css. *Very Nice!* Read *Sokra's* (author of webpack) article on how [on how this is the future of CSS for webpack](https://medium.com/webpack/the-new-css-workflow-step-1-79583bd107d7).
73
+
***As for asynchronous calls to `import()`,***[babel-plugin-dual-import](https://github.com/faceyspacey/babel-plugin-dual-import) is required. It requests both your js + your css. *Very Nice!*This is the new feature of the 2.0. Read *Sokra's* (author of webpack) article on how [on how this is the future of CSS for webpack](https://medium.com/webpack/the-new-css-workflow-step-1-79583bd107d7). Use this and be in the future today.
53
74
54
-
## Perks:
75
+
## Perks
55
76
-**HMR:** It also has first-class support for **Hot Module Replacement** across ALL those css files/chunks!!!
56
77
- cacheable stylesheets
57
78
- smallest total bytes sent compared to "render-path" css-in-js solutions that include your CSS definitions in JS
0 commit comments