No loader is defined for .ttf files

[mckravchyk]

I have a font-face definition

@font-face {
  font-family: 'NotoSans';
  font-style: normal;
  font-weight: 400;
  src: url('../assets/fonts/NotoSans400.ttf') format('truetype');
}

It looks like it's trying to resolve it, giving an error: "No loader is defined for .ttf files" Obviously, I do not want to load those files into the bundle, but rather pass the url statement to the output CSS. Is there a way to make this work? Thanks!

[dungjk]

Hello @mckravchyk
Sorry for late reply, but hope this will help.
Esbuild try to resolve many thing import from input entry. In you case, to resolve you can follow document from esbuild.

eg:

import { build } from 'esbuild';

build({
   // You options here
  loader: {
    '.ttf': 'copy' // This loader will copy the file to the output directory and rewrite the import path to point to the copied file.  
                    // You should read the document to get more loader options.
  }
});

Best regards