fix(webpack): correctly handle paranthesis in PostCSS in url (#21884)

nrwl · Feb 23, 2024 · a1e22c0 · a1e22c0
1 parent 71ae788
commit a1e22c0
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/webpack/src/utils/webpack/plugins/postcss-cli-resources.ts b/packages/webpack/src/utils/webpack/plugins/postcss-cli-resources.ts
@@ -152,7 +152,7 @@ export function PostcssCliResources(options: PostcssCliResourcesOptions) {
       return Promise.all(
         urlDeclarations.map(async (decl) => {
           const value = decl.value;
-          const urlRegex = /url(?:\(\s*['"]?)(.*?)(?:['"]?\s*\))/g;
+          const urlRegex = /url(?:\(\s*(['"]?))(.*?)(?:\1\s*\))/g;
           const segments: string[] = [];
           let match;
           let lastIndex = 0;
@@ -162,7 +162,7 @@ export function PostcssCliResources(options: PostcssCliResourcesOptions) {
           const context =
             (inputFile && path.dirname(inputFile)) || loader.context;
           while ((match = urlRegex.exec(value))) {
-            const originalUrl = match[1];
+            const originalUrl = match[2];
             let processedUrl;
             try {
               processedUrl = await process(originalUrl, context, resourceCache);