使用 WebPack + npm 安装客户端 PDF 编辑器:尽可能

Question

我想创建PDF的客户端（在浏览器中）。我正在使用 WebPack 捆绑我的 JavaScript 应用程序和 npm 来安装所需的库。我尝试了以下方法但没有成功：

• pdfmake
• JSPDF
• pdfkit

这里有没有人让这个设置与这些（或其他一些）库中的任何一个一起工作？心灵分享如何？

Answer 1

您可以使用pdfmake-client，它是pdfmake库的包装器，通过npm为客户端构建提供服务。

一般来说，pdfmake 确实有一个客户端构建，但通过 NPM 提供节点版本，这可能是该项目的 PR 的一个很好的例子，因此它将提供正确的版本。

Answer 2

我能够让 jspdf 工作，但 npm 的版本不起作用。

首先我运行了 npm 安装 jspdf --save

然后我从 https://github.com/MrRio/jsPDF 下载了最新的代码

并运行 npm 运行构建

然后我用我刚刚构建的那个替换了node_modules\jspdf\dist\jspdf.min.js。

然后下面的代码工作

import jsPDF from 'jspdf';
var doc = new jsPDF();
doc.text(20, 20, 'Hello world.');
doc.save('Test.pdf');

我正在使用 webpack，无需将任何内容添加到配置中

更多用法示例可在此处找到：https://parall.ax/products/jspdf