4db7330677
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 |
||
---|---|---|
.. | ||
.eslintrc | ||
.gitignore | ||
index.html | ||
main.js | ||
package.json | ||
README.md | ||
webpack.config.js |
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.