pdf.js

History

Jonas Jenwald 24aae858b9 Add a note about minification to the webpack-example README (issue 13290) Since we really don't want to let a particular Webpack-mode dictate how we can/can't write code, let's add a note in the webpack-example README about minification instead.		2021-04-25 17:20:57 +02:00
..
.eslintrc	Manually fix remaining ESLint errors	2018-12-11 15:23:26 +01:00
.gitignore	Adds/modifies examples for node.js and webpack.	2015-12-21 13:46:50 -06:00
index.html	Removing "entry-loader" dependency from webpack.	2016-04-13 08:24:25 -05:00
main.js	Replace most cases of `var` with `let`/`const` in the `examples/` folder	2021-03-12 17:16:59 +01:00
package.json	Update the webpack-versions used in `examples/webpack`	2021-01-05 12:42:11 +01:00
README.md	Add a note about minification to the webpack-example README (issue 13290)	2021-04-25 17:20:57 +02:00
webpack.config.js	Replace most cases of `var` with `let`/`const` in the `examples/` folder	2021-03-12 17:16:59 +01:00

README.md

Overview

Example to demonstrate PDF.js library usage with Webpack.

Getting started

Install the example dependencies and build the project:

$ gulp dist-install
$ cd examples/webpack
$ npm install
$ ./node_modules/webpack/bin/webpack.js

You can observe the build results by running gulp server and navigating to http://localhost:8888/examples/webpack/index.html.

Refer to the main.js and webpack.config.js files for the source code. Note that PDF.js packaging requires packaging of the main application and the worker code, and the workerSrc path shall be set to the latter file.

Minification

If you are configuring Webpack to output a minified build, please note that you must configure the minifier to keep original class/function names intact; otherwise the build is not guaranteed to work correctly.

Worker loading

If you are getting the Setting up fake worker warning, make sure you are importing pdfjs-dist/webpack which is the zero-configuration method for Webpack users. You will need to install worker-loader (version 3.0.0 or higher is required), as a dependency in your project in order to use pdfjs-dist/webpack (configuring worker-loader is not necessary; just installing it is sufficient).

import pdfjsLib from 'pdfjs-dist/webpack';

For a full working example refer to this repository.