Switchiing to ESBUILD for angular project showing error

[Saqib92]

Description

I am switching my Angualr project from weback to ESBuild. and it is throwing error.

Steps to reproduce

@import 'lightgallery/scss/lightgallery';

src/global.scss:482:18:
[ng]       482 │   background: url("../images/loading.gif") no-repeat scroll cente...
[ng]           ╵                   ~~~~~~~~~~~~~~~~~~~~~~~
[ng] 
[ng]   Preprocessor stylesheets may not show the exact file location of the error.

Additional context

Issue in scss font and images variables.
After editing manually inside node_modules scss in fotn.scss removed variables and added ../fonts/fontname.ttf it is working.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[Saqib92]

any updates?

[gzeeel]

Hi, I'm having the same issue, using Angular v17 and and switching to @angular-devkit/build-angular:browser-esbuild generates this error

[m-marxxs]

+1

[m-marxxs]

Saqib92, gzeeel

Quick workaround here:

styles.css

And copy from /node_modules/lightgallery/ the folders fonts and images into your angular project assets folder:

Hope it helps whoever reach this issue.