4902f9a54a
This resolves an issue I had when loading pdf.js with webpack. `pdfjsLib` was always `undefined` after the import, and I dug deep into pdf.js's `webpack.js` file to sort out this issue, making all sorts of changes. I figured out that there was just something wrong with the export/import procedure. After making this change, I now have the full pdfjs object in my webpack application.
39 lines
1.4 KiB
Markdown
39 lines
1.4 KiB
Markdown
## 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](https://github.com/webpack-contrib/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 * as pdfjsLib from 'pdfjs-dist/webpack';
|
|
|
|
For a full working example refer to [this repository](https://github.com/yurydelendik/pdfjs-react).
|