Skip to content

Latest commit

 

History

History

webpack

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 

pdfkit-webpack-example

Simple example of using PdfKit with webpack

Features

  • Minimal webpack 5 setup
  • Automatically register binary files added to static-assets folder
  • Register AFM fonts provided by pdfkit
  • Shows how to load and register files lazily

Technical details

webpack.config.js

  • add alias to map fs calls to pdfkit virtual file system implementation
  • ignore iconv-lite and crypto packages to save bundle file size
  • add aliases to native node packages (buffer, stream, zlib, util, assert)
  • configure *.afm files to be imported as text
  • configure all files in src/static-assets folder to be imported encoded as base64
  • configure all files in src/lazy-assets folder to be imported as URLs
  • convert binary files used by linebreak and fontkit to base64

Caveats

The strategy to register binary files and AFM fonts inlines them in source code, increasing the bundle size significantly