Can't bundle woff files

[janat08]

I tried rollup, parcel, and esbuild. None of them support woff imports by default. It'd be nice for install instructions to include the workaround necessary to get beercss bundled, or provide alternate install way that has woff files just linked in html.

@parcel/core: No transformers found for
node_modules/beercss/dist/cdn/material-symbols-sharp.woff2.

[leonardorafael]

Fixed in v3.4.6 (https://github.com/beercss/beercss/releases/tag/v3.4.3)

You don't need to import fonts anymore, bundlers will do it automatically (updated README.md).

[janat08]

esbuild --bundle --minify --outfile=src/assets/static/jsLibsClient.js ./src/jsLibsClient.js

X [ERROR] No loader is configured for ".woff2" files: node_modules/beercss/dist/cdn/material-symbols-sharp.woff2

import "beercss/dist/cdn/beer.min.css";
import beercss from "beercss/dist/cdn/beer.min.js";

[myrp-leonardo]

Have you tried the latest version v3.4.7? It will not import the .woff2 files anymore.

[janat08]

I installed @latest

…

On Wed, Nov 29, 2023, 11:24 PM myrp-leonardo ***@***.***> wrote: Have you tried the latest version v3.4.7, it will not import the .woff2 files anymore. — Reply to this email directly, view it on GitHub <#239 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACWP5AJTORNTPLNDXU4XDTLYG5VTZAVCNFSM6AAAAAA7MLABW2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMZSGM4DCMJRHA> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[myrp-leonardo]

@janat08 here it works https://codesandbox.io/p/devbox/lucid-rain-4gxknv (using parcel 2)

[janat08]

Parcel doesn't work for some of my other packages so I used esbuild.

…

On Thu, Nov 30, 2023 at 12:48 AM myrp-leonardo ***@***.***> wrote: @janat08 <https://github.com/janat08> strange, this works https://codesandbox.io/p/devbox/lucid-rain-4gxknv (using parcel 2) — Reply to this email directly, view it on GitHub <#239 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACWP5APY7BHXKXM55OQNOZTYG57QVAVCNFSM6AAAAAA7MLABW2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMZSGUYDKNBYGU> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[janat08]

No reason that esbuild shouldn't work over not knowing what to do with woff files?

[TorH2k3]

I don't get why this bug has been closed, I'm using the latest versions of beercss and material-dynamic-colors and still get the error "No loader is configured for ".woff2"" when building.
"beercss": "^3.4.7"
"material-dynamic-colors": "^1.1.0"

X [ERROR] No loader is configured for ".woff2" files: node_modules/beercss/dist/cdn/material-symbols-rounded.woff2

node_modules/beercss/dist/cdn/beer.min.css:1:2874:
  1 │ ...splay:swap;src:url(material-symbols-rounded.woff2) format("woff2...
    ╵                   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

[leonardorafael]

Hi, this issue was closed because this is not a bug in Beer CSS itself (after v3.4.6 when we removed the import woff files directly). Load font files inside CSS is a web standard. It seems that the bundler need some extra plugin/config to do the job. In my opinion, all bundlers should have to follow the web standards by default.

I found a possible solution here (making .woff and .woff2 files as external)?
evanw/esbuild#800

Let me know if this works for you, please.

[tmutton]

If, like me, you've suffered the same problem; please read this angular cli PR - angular/angular-cli#26371 which was released as part of the 17.1.0 version.

The fix for this problem is to add the following option in your angular.json file

"loader": {
              ".woff2": "file"
            }

This should sit under architect > build > options