d53093045a
Given the amount of work put into removing `require`-calls from the code-base, let's ensure that new ones aren't accidentally added in the future. Note that we still have a couple of files where `require` is being used, in particular: - The Node.js examples, however those will be updated to use `import` in PR 17081. - The Webpack examples, and related support files, however I unfortunately don't know enough about Webpack to be able to update those. (Hopefully users of that code will help out here, once version `4` is released.) - The `statcmp`-tool, since *some* of those `require`-calls cannot be converted to `import` without other code changes (and that file is only used during benchmarking). Please find additional details at https://github.com/import-js/eslint-plugin-import/blob/main/docs/rules/no-commonjs.md |
||
|---|---|---|
| .. | ||
| .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.
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. Installing worker-loader is no longer necessary.
import * as pdfjsLib from 'pdfjs-dist/webpack';
For a full working example refer to this repository.