diff --git a/packages/angular/build/src/tools/esbuild/stylesheets/bundle-options.ts b/packages/angular/build/src/tools/esbuild/stylesheets/bundle-options.ts index 8a14a76887e4..591b19178893 100644 --- a/packages/angular/build/src/tools/esbuild/stylesheets/bundle-options.ts +++ b/packages/angular/build/src/tools/esbuild/stylesheets/bundle-options.ts @@ -63,7 +63,7 @@ export function createStylesheetBundleOptions( ]; if (options.inlineFonts) { - plugins.push(createCssInlineFontsPlugin({ cache, cacheOptions: options.cacheOptions })); + plugins.unshift(createCssInlineFontsPlugin({ cache, cacheOptions: options.cacheOptions })); } return { diff --git a/packages/angular/build/src/tools/esbuild/stylesheets/stylesheet-plugin-factory.ts b/packages/angular/build/src/tools/esbuild/stylesheets/stylesheet-plugin-factory.ts index 8c021d8e8e6a..69f9ee457144 100644 --- a/packages/angular/build/src/tools/esbuild/stylesheets/stylesheet-plugin-factory.ts +++ b/packages/angular/build/src/tools/esbuild/stylesheets/stylesheet-plugin-factory.ts @@ -165,7 +165,7 @@ export class StylesheetPluginFactory { // Add a load callback to support files from disk build.onLoad( - { filter: language.fileFilter }, + { filter: language.fileFilter, namespace: 'file' }, createCachedLoad(cache, async (args) => { const data = await readFile(args.path, 'utf-8'); diff --git a/tests/legacy-cli/e2e/tests/build/styles/tailwind-v3.ts b/tests/legacy-cli/e2e/tests/build/styles/tailwind-v3.ts index 0dbb42f1025e..aa47808d8203 100644 --- a/tests/legacy-cli/e2e/tests/build/styles/tailwind-v3.ts +++ b/tests/legacy-cli/e2e/tests/build/styles/tailwind-v3.ts @@ -15,7 +15,14 @@ export default async function () { await writeFile('src/app/app.component.css', '@tailwind base; @tailwind components;'); // Add Tailwind directives to a global style - await writeFile('src/styles.css', '@tailwind base; @tailwind components;'); + await writeFile( + 'src/styles.css', + ` + @import url(https://fonts.googleapis.com/css?family=Roboto:400); + @tailwind base; + @tailwind components; + `, + ); // Ensure installation warning is present const { stderr } = await ng('build', '--configuration=development');