☰
Navigation :

Client-side

To begin in browser with the default configuration, you should include two files:

<!doctype html>
<html lang='en'>
<head>
  <meta charset='utf-8'>
  <title>my first pdfmake example</title>
  <script src='build/pdfmake.min.js'></script>
  <script src='build/vfs_fonts.js'></script>
</head>
<body>
...

Library sources

CDN

npm

npm install pdfmake

Files for client-side is available here:

Using javascript frameworks:

var pdfMake = require('pdfmake/build/pdfmake.js');
require('pdfmake/build/vfs_fonts.js');

or

var pdfMake = require('pdfmake/build/pdfmake.js');
var pdfFonts = require('pdfmake/build/vfs_fonts.js');
pdfMake.addVirtualFileSystem(pdfFonts);

or

import pdfMake from "pdfmake/build/pdfmake";
import "pdfmake/build/vfs_fonts";

or

import pdfMake from "pdfmake/build/pdfmake";
import pdfFonts from "pdfmake/build/vfs_fonts";
pdfMake.addVirtualFileSystem(pdfFonts);

TypeScript:

import * as pdfMake from "pdfmake/build/pdfmake";
import * as pdfFonts from 'pdfmake/build/vfs_fonts';

(<any>pdfMake).addVirtualFileSystem(pdfFonts);

For Ionic and Angular see issue.

If a Cannot read property ‘TYPED_ARRAY_SUPPORT’ of undefined error is thrown, add this to webpack config:

exclude: [ /node_modules/, /pdfmake.js$/ ]

(see issue)

Composer

You can use asset-packagist.org service, see: npm-asset/pdfmake

Example of composer.json:

{
  "require": {
    "npm-asset/pdfmake": "^0.3.0"
  },
  "replace": {
    "npm-asset/pdfkit": "*",
    "npm-asset/linebreak": "*",
    "npm-asset/svg-to-pdfkit": "*",
    "npm-asset/xmldoc": "*"
  },
  "repositories": [
    {
      "type": "composer",
      "url": "https://asset-packagist.org"
    }
  ]
}

Repository

Copy them directly from the build directory from the repository. Otherwise you can always build it version 0.3.x from sources.