Loader Issues in esbuild with the newest version

[cdietrich]

Hi,

do you have an idea why

✘ [ERROR] No loader is configured for ".ttf" files: node_modules/@codingame/monaco-vscode-api/vscode/src/vs/base/browser/ui/codicons/codicon/codicon.ttf

    node_modules/@codingame/monaco-vscode-api/vscode/src/vs/base/browser/ui/codicons/codicon/codicon.css:4:10:
      4 │   src: url("./codicon.ttf") format("truetype");
        ╵            ~~~~~~~~~~~~~~~

✘ [ERROR] No loader is configured for ".png" files: node_modules/@codingame/monaco-vscode-api/vscode/src/vs/editor/contrib/colorPicker/browser/images/opacity-background.png

    node_modules/@codingame/monaco-vscode-api/vscode/src/vs/editor/contrib/colorPicker/browser/colorPicker.css:25:17:
      25 │   background: url('images/opacity-background.png');

is now appearing with the newest version?
has there been something changed with the newest versions?

[kaisalmen]

Hi @cdietrich strange, I don't know why there is a problem with esbuild. @CGNonofr introduced changes to how css files are treated in monaco-api v16. Maybe he has an idea? Production build with vite/rollup for our examples on GitHub Pages still works without changes.

[cdietrich]

so i need to manually copy the file around?

[cdietrich]

{ // another workaround for @codingame problems
            from: ["node_modules/@codingame/monaco-vscode-api/vscode/src/vs/base/browser/ui/codicons/codicon/codicon.ttf"],
            to: ["./static/showcases/metadata-language/codicon.ttf"],
          }
          ```

[CGNonofr]

I would be REALLY surprised that's not something supported by default, as many libraries are doing that

[cdietrich]

yes this is why i am a bit confused. would have expected it works more or less ootb.

[cdietrich]

ill guess we have to live with the copy workaround for now