首先pdfjs这部分有2种加载运用方式。 1、直接npm的形式。2、直接运用其构建好的文件。本文就直接讲述的第二种。
pdfjs官网https://mozilla.github.io/pdf.js/getting_started/#download。（划重点，注意看viewer.html,viewer.mjs）
文件解压之后直接放入项目中，随便哪个地方。在我们的webpack.config.js里面找到CopyWebpackPlugin，直接添加对应的地址。没有就相应的plugin就自己加一下（类似下面的）。
new CopyWebpackPlugin({patterns: [{ from: path.join(__dirname, './static'), to: dist },{ from: path.join(__dirname, '../../../versionLogs'), to: `${dist}/versionLogs` },{ from: path.join(__dirname, './public'), to: dist }]})
添加完之后建议先检查一下，直接运用项目，在网页上输入项目地址接CopyWebpackPlugin里面配置的地址，直接查看web目录下面的模板pdf文件。如果能访问，那么恭喜你，项目已经成功了（地址是类似：（如果是上图的配置）项目地址+/web/viewer.html?file=项目地址+/web/compressed.tracemonkey-pldi-09.pdf）。
如果项目部署在nginx里面，注意在nginx的里面需额外添加适配类型，application/javascript mjs，否则文件读取不成功。
下面我们在探讨一下怎么动态增加屏蔽页面上部分功能。首先找到页面，也就是上面的viewer.html，找到对应的元素（不同版本的pdfjs，界面会有少许不一样），再找到async run(config)这行，插入对应的参数（下列是本人自己添加的例子，对应的2节，界面也需要自己修改，部分会缺少id，需手动添加）
最后就是如何嵌入页面去，就一个简单的iframe嵌入就OK了。
async run(config) {await this.initialize(config);const {appConfig,eventBus} = this;let file;let disableOpenFile;let disablePrint;let disableDownload;let disableBookmark;let language;const queryString = document.location.search.substring(1);const params = parseQueryString(queryString);file = params.get("file") ?? AppOptions.get("defaultUrl");disableOpenFile = params.get("disableopenfile") ?? 'false';disablePrint = params.get("disableprint") ?? 'false';disableDownload = params.get("disabledownload") ?? 'false';disableBookmark = params.get("disablebookmark") ?? 'false';language = params.get("language") ?? 'en-US'AppOptions.set("localeProperties", {lang: language});this.l10n = await this.externalServices.createL10n();
if (file) {this.open({url: file});} else {this._hideViewBookmark();}if ('true' === disableOpenFile) {document.getElementById("secondaryOpenFile").style.display='none';}if ('true' === disablePrint) {document.getElementById("editorModeSeparator").style.display='none';document.getElementById("printButton").style.display='none';}if ('true' === disableDownload) {document.getElementById("downloadButton").style.display='none';}if ('true' === disableBookmark) {document.getElementById("viewBookmark").style.display='none';}
