fix: Fixed HMR issue when oneOf is used (faceyspacey#102)

When using oneOf, HRM is never activated. This patch improved the lookup system used for determining
if CSS can and should be reloaded. There have been some other tweaks for css modules and HMR

fix faceyspacey#98,faceyspacey#80

Author: ScriptedAlchemy

.github/CODEOWNERS

@@ -1,2 +1,2 @@
 # extract-css-chunks-webpack-plugin maintainers
-*   @faceyspacey @ScriptedAlchemy
+*  @ScriptedAlchemy

package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0-placeholder",
   "author": "James Gillmore <james@faceyspacey.com>",
   "contributors": [
-    "Zack Jackson <zackary.l.jackson@gmail.com> (https://github.com/ScriptedAlchemy)"
+    "Zack Jackson <zack@ScriptedAlchemy.com> (https://github.com/ScriptedAlchemy)"
   ],
   "description": "Extract CSS from chunks into stylesheets + HMR. Supports Webpack 4",
   "engines": {

src/index.js

@@ -150,22 +150,7 @@ class ExtractCssChunks {
       const isHOT = this.options.hot ? true : isHMR(compiler);
 
       if (isHOT && compiler.options.module && compiler.options.module.rules) {
-        const updatedRules = compiler.options.module.rules.reduce((rules, rule) => {
-          if (rule.use && Array.isArray(rule.use)) {
-            const isMiniCss = rule.use.some((l) => {
-              const needle = l.loader || l;
-              return needle.includes(pluginName);
-            });
-            if (isMiniCss) {
-              rule.use.unshift(hotLoader);
-            }
-          }
-          rules.push(rule);
-
-          return rules;
-        }, []);
-
-        compiler.options.module.rules = updatedRules;
+        compiler.options.module.rules = this.updateWebpackConfig(compiler.options.module.rules);
       }
     } catch (e) {
       console.error('Something went wrong: contact the author', JSON.stringify(e)); // eslint-disable-line no-console
@@ -412,6 +397,30 @@ class ExtractCssChunks {
     });
   }
 
+  updateWebpackConfig(rulez) {
+    let isExtract = null;
+    return rulez.reduce((rules, rule) => {
+      if (rule.oneOf) {
+        rule.oneOf = this.updateWebpackConfig(rule.oneOf);
+      }
+
+      if (rule.use && Array.isArray(rule.use)) {
+        isExtract = rule.use.some((l) => {
+          const needle = l.loader || l;
+          return needle.includes(pluginName);
+        });
+
+        if (isExtract) {
+          rule.use.unshift(hotLoader);
+        }
+      }
+
+      rules.push(rule);
+
+      return rules;
+    }, []);
+  }
+
   getCssChunkObject(mainChunk) {
     const obj = {};
     for (const chunk of mainChunk.getAllAsyncChunks()) {