fix: css 与 less 等规则没有写在一起时，只会给 css 规则增加 loader

searchfe · Dec 23, 2021 · 621490a · 621490a
1 parent 9d27011
commit 621490a
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/src/plugin.ts b/src/plugin.ts
@@ -176,10 +176,35 @@ function getLoaderByMatch(compiler: Compiler, matchExtension: string) {
  * @param compiler
  */
 function addStyleLoader(compiler: Compiler) {
+    const addedRules = new Set();
     const cssRule = getLoaderByMatch(compiler, 'css');
     addLoader(cssRule);
 
+    addToOptionalRule('less');
+    addToOptionalRule('stylus');
+    addToOptionalRule('styl');
+    addToOptionalRule('sass');
+    addToOptionalRule('scss');
+
+    function addToOptionalRule(rule: string) {
+        let optRule;
+        try {
+            optRule = getLoaderByMatch(compiler, rule);
+        }
+        catch {
+        }
+        if (optRule) {
+            addLoader(optRule);
+        }
+    }
+
     function addLoader(rule: RuleSetRule) {
+        // 防止多次添加
+        if (addedRules.has(rule)) {
+            return;
+        }
+        addedRules.add(rule);
+
         if (rule.oneOf) {
             rule.oneOf.forEach(item => addLoader(item));
             return;