Large webpack bundle

When I import PDFJS through webpack the bundlesize is significatly larger than the minified pdf.min.js file provided in pdfjs-dist. pdf.min.js: 299KB webpack bundle: 988KB

my entry file looks like this:

import { PDFJS, getDocument } from 'pdfjs-dist'

or

import { PDFJS } from 'pdfjs-dist/lib/display/global';
import { getDocument } from 'pdfjs-dist/lib/display/api';

webpack 3 config:

const webpack = require('webpack');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
    entry: {
        'pdf.js': './example/pdf-js.entry.js'
    },
    output: {
        path: __dirname + '/example/dist',
        filename: '[name].bundle.js'
    },
    plugins: [
        new webpack.optimize.ModuleConcatenationPlugin(),
        new UglifyJSPlugin({
            parallel: true,
            extractComments: true,
            uglifyOptions: {
                output: {
                    comments: false,
                    beautify: false,
                },
                compress: {
                    sequences: false
                }
            }
        }),
        new webpack.optimize.LimitChunkCountPlugin({
            maxChunks: 1,
            minChunkSize: 1000
        })
    ],
};

Is there a way to get to the same bundle size as pdf.min.js? Are there plans to make pdf.js treeshakable?

Thanks!

[GauravThakur03]

Try Adobe Embed APIs: https://www.adobe.com/devnet-docs/dcsdk_io/viewSDK/index.html

• Much smaller
• Easy to integrate
• Much better PDF View quality
• Lots of PDF features

[stijndeschuymer]

But the minified files from pdfjs-dist are much smaller. Don’t they include the same library? I now include those minified files as script tags in my html instead of bundling them with webpack, and my application runs the same.