- try to get tailwind to work with scss

wp-graphql · Apr 3, 2024 · 5aa1c32 · 5aa1c32
1 parent b747fd3
commit 5aa1c32
Show file tree

Hide file tree

Showing 9 changed files with 201 additions and 94 deletions.
diff --git a/.gitignore b/.gitignore
@@ -59,6 +59,7 @@ artifacts
 # build/release artifacts
 build/
 build-module/
+build-style/
 wpgraphql-ide/
 wpgraphql-ide.zip
 /test-results/

diff --git a/bin/packages/build.js b/bin/packages/build.js
@@ -109,7 +109,7 @@ function createStyleEntryTransform() {
 		objectMode: true,
 		async transform( file, encoding, callback ) {
 			// Only stylesheets are subject to this transform.
-			if ( path.extname( file ) !== '.css' ) {
+			if ( path.extname( file ) !== '.scss' ) {
 				this.push( file );
 				callback();
 				return;
@@ -125,7 +125,7 @@ function createStyleEntryTransform() {
 			packages.add( packageName );
 			const entries = await glob(
 				path
-					.resolve( PACKAGES_DIR, packageName, 'src/*.css' )
+					.resolve( PACKAGES_DIR, packageName, 'src/*.scss' )
 					.replace( /\\/g, '/' )
 			);
 
@@ -223,7 +223,7 @@ if ( files.length ) {
 		[
 			`${ PACKAGES_DIR }/*/src/**/*.{js,jsx,ts,tsx}`,
 			`${ PACKAGES_DIR }/*/src/**/**/*.{js,jsx,ts,tsx}`,
-			`${ PACKAGES_DIR }/*/src/*.css`,
+			`${ PACKAGES_DIR }/*/src/*.scss`,
 		],
 		{
 			ignore: [