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
+8-8
Original file line number
Diff line number
Diff line change
@@ -34,7 +34,7 @@ Yep that's right. The universal family is now fully Webpack 4. Thank you to all
34
34
35
35
So... why did we rebuild `extract-css-chunks`? What does it offer?
36
36
37
-
Its got all the goodness of `mini-css-extract-plugin` but with 2 gleaming, sought after benefits.
37
+
It's got all the goodness of `mini-css-extract-plugin` but with 2 gleaming, sought after benefits.
38
38
39
39
Compared to the existing loaders, we are offering a single solution as opposed to needing to depend on multiple loaders to cater for different features:
40
40
@@ -57,11 +57,11 @@ The functionality is still available to you via chunk flushing, and it can come
57
57
58
58
## Webpack 4 Standalone Installation:
59
59
60
-
If you are just looking for something that works like `mini-css-extract-plugin` but with HMR. Then look no further
60
+
If you are just looking for something that works like `mini-css-extract-plugin` but with HMR, then look no further.
61
61
62
62
NOTE: We have aligned out loader implementation to be the same as `mini-css-extract-plugin`
63
63
64
-
**If you already use `mini-css-extract-plugin`, then you can just change the `require` statement - its that easy**
64
+
**If you already use `mini-css-extract-plugin`, then you can just change the `require` statement - it's that easy**
65
65
66
66
67
67
**DONT USE THIS INSTALL CMD IF YOU ARE BETA TESTING:**
@@ -92,7 +92,7 @@ module.exports = {
92
92
// both options are optional
93
93
filename:"[name].css",
94
94
chunkFilename:"[id].css",
95
-
hot:true// optional is the plguin cannot automatically detect if you are using HOT, not for production use
95
+
hot:true// optional as the plugin cannot automatically detect if you are using HOT, not for production use
96
96
}
97
97
),
98
98
]
@@ -101,7 +101,7 @@ module.exports = {
101
101
102
102
*webpack.server.config.js*
103
103
104
-
The server needs to be handeled differently, we still want one chunks. Luckily webpack 4 supports **LimitChunkCountPlugin**
104
+
The server needs to be handled differently, we still want one chunk. Luckily webpack 4 supports **LimitChunkCountPlugin**
105
105
106
106
```js
107
107
newwebpack.optimize.LimitChunkCountPlugin({
@@ -115,7 +115,7 @@ This is a breaking change. The entire loader has been fundamentally rewritten sp
115
115
116
116
There have been some challenges along the way since the release of webpack 4. Ultimately the only remaining hurdle is code split, async style loading.
117
117
118
-
If you do need Webpack 3, make sure to stick with the latest `v2.x.x` release. `v3.x.x` is only intend for users with Webpack 4
118
+
If you do need Webpack 3, make sure to stick with the latest `v2.x.x` release. `v3.x.x` is only intended for users with Webpack 4
The main thing is you need to cater for the new chunking system of webpack!
141
+
The main thing is you need to cater to the new chunking system of webpack!
142
142
With **webpack.optimize.CommonsChunkPlugin** plugin no longer part of Webpack 4, we need another way to define the code-splitting. Luckily we have `optimization` configs built into webpack now
143
143
144
144
*webpack.config.js:*
@@ -194,7 +194,7 @@ module.exports = {
194
194
}
195
195
},
196
196
plugins: [
197
-
newExtractCssChunks({hot:true}), //if you want HMR - we try to automatically inject hot reloading but if its not working, add it to the config
197
+
newExtractCssChunks({hot:true}), //if you want HMR - we try to automatically inject hot reloading but if it's not working, add it to the config
0 commit comments