Установите клиентский PDF-редактор с WebPack + npm: это вообще возможно?

Я хочу создать клиентскую сторону PDF (в браузере). Я использую WebPack для комплектации своего javascript-приложения и npm для установки необходимых библиотек. Я попробовал следующее без успеха:

  • pdfmake
  • jspdf
  • pdfkit

Кто-нибудь здесь получил эту настройку для работы с любой из этих (или некоторых других) библиотек? Разум делиться как?

2 ответа

Вы можете использовать pdfmake-client, который является оболочкой для библиотеки pdfmake, которая обслуживает сборку клиента через npm.

В целом pdfmake имеет клиентскую сборку, но обслуживает версию узла поверх NPM, это, вероятно, хороший вариант для PR для этого проекта, поэтому он будет обслуживать правильную версию.

Я смог заставить работать jspdf, но версия из npm не работала.

Сначала я запустил npm install jspdf --save

Затем я загрузил последний код с https://github.com/MrRio/jsPDF

и побежал нпм запустить сборку

затем я заменил 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

Другие вопросы по тегам