fix: only force auto option for CSS modules in SFCs

vuejs · haoqunjiang · Mar 9, 2021 · Mar 4, 2021 · Mar 4, 2021 · Mar 4, 2021
commit 4fd7ae2c71c0705b0b2398bc1b51e437a7b809f0
diff --git a/packages/@vue/cli-service/__tests__/css.spec.js b/packages/@vue/cli-service/__tests__/css.spec.js
@@ -131,7 +131,8 @@ test('Customized CSS Modules rules', () => {
      }
    }
    // vue-modules rules
-    expect(findOptions(config, lang, 'css', 0)).toEqual(expected)
+    expect(findOptions(config, lang, 'css', 0)).toMatchObject(expected)
+    expect(findOptions(config, lang, 'css', 0).modules.auto.toString()).toEqual('() => true')
    // normal-modules rules
    expect(findOptions(config, lang, 'css', 2)).toEqual(expected)
    // normal rules

diff --git a/packages/@vue/cli-service/lib/config/css.js b/packages/@vue/cli-service/lib/config/css.js
@@ -135,7 +135,10 @@ module.exports = (api, rootOptions) => {
            typeof cssLoaderOptions.modules === 'object' &&
            !cssLoaderOptions.modules.auto
          ) {
-            cssLoaderOptions.modules.auto = () => true
+            cssLoaderOptions.modules = {
+              ...cssLoaderOptions.modules,
+              auto: () => true
+            }
          }
        }