fix(dev): disable Vanilla Extract if not installed

remix-run · May 8, 2023 · a7422b7 · a7422b7
1 parent d8bcdc1
commit a7422b7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/.changeset/slimy-snakes-do.md b/.changeset/slimy-snakes-do.md
@@ -0,0 +1,5 @@
+---
+"@remix-run/dev": patch
+---
+
+Only process .css.ts/js files with Vanilla Extract if `@vanilla-extract/css` is installed
diff --git a/packages/remix-dev/compiler/plugins/vanillaExtract.ts b/packages/remix-dev/compiler/plugins/vanillaExtract.ts
@@ -60,6 +60,13 @@ export function vanillaExtractPlugin(
   return {
     name: pluginName,
     async setup(build) {
+      try {
+        require.resolve("@vanilla-extract/css");
+      } catch (_) {
+        // If Vanilla Extract isn't installed, skip this plugin.
+        return;
+      }
+
       let root = config.appDirectory;
 
       let postcssProcessor = await getPostcssProcessor({