Restrict VanillaExtract plugin to playroom's source .css.ts files o…

…nly (#377) Co-authored-by: Adam Skoufis <[email protected]> Co-authored-by: Adam Skoufis <[email protected]>
seek-oss · Nov 18, 2024 · fb14616 · fb14616
1 parent a6895e0
commit fb14616
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/.changeset/slow-plums-bake.md b/.changeset/slow-plums-bake.md
@@ -0,0 +1,5 @@
+---
+'playroom': patch
+---
+
+Restrict `playroom`'s Vanilla Extract plugin to only process playroom's `.css.ts` files
diff --git a/lib/makeWebpackConfig.js b/lib/makeWebpackConfig.js
@@ -180,7 +180,15 @@ module.exports = async (playroomConfig, options) => {
         filename: 'preview/index.html',
         publicPath: '../',
       }),
-      new VanillaExtractPlugin(),
+      new VanillaExtractPlugin({
+        test: (filePath) => {
+          // Only apply VanillaExtract plugin to playroom's source `.css.ts` files
+          return (
+            /\.css\.ts$/i.test(filePath) &&
+            includePaths.some((includePath) => filePath.startsWith(includePath))
+          );
+        },
+      }),
       new MiniCssExtractPlugin({ ignoreOrder: true }),
       ...(options.production ? [] : [new FriendlyErrorsWebpackPlugin()]),
       // If using a version of React earlier than 18, ignore the