fix: disable esModule output for css-loader

From [1] we are told that the esModule interop was added in [email protected]. It did work well with css-loader@5. However, since we've upgraded our css-loader dependency to v6, the issue raises again and I have no idea why it happens. I think disabling `esModule` is the only workaround we can use... [1]: vuejs/vue-style-loader#50 Signed-off-by: Chawye Hsu <[email protected]>
chawyehsu · Jan 20, 2025 · a622cbd · a622cbd
1 parent 85e18f9
commit a622cbd
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/@alterjs/saber/src/plugins/config-css.ts b/packages/@alterjs/saber/src/plugins/config-css.ts
@@ -55,6 +55,9 @@ const configCss: SaberPlugin = {
 
           const cssLoaderOptions = Object.assign(
             {
+              // vue-loader/vue-style-loader do not support ES modules CSS interop
+              // FIXME(chawyehsu): https://github.com/vuejs/vue-style-loader/issues?q=esmodule
+              esModule: false,
               sourceMap,
               modules: modules?.mode
                 ? {