Given that browsers/environments without native support for both arrow functions and object shorthand properties are no longer supported in PDF.js, please refer to the compatibility information below, we can now enable a fair number of ESLint rules and also simplify/remove some `.eslintrc` files. With the exception of the `no-alert` cases, all code changes were made automatically by using `gulp lint --fix`. - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#browser_compatibility - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#browser_compatibility
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.
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.