как уменьшить размер файла bundle.js с vfs_fonts.js? - PullRequest
Новая
       34

как уменьшить размер файла bundle.js с vfs_fonts.js?

1 голос
/ 27 мая 2019

Я разрабатываю функцию загрузки pdf с реагированием / машинописью.(с использованием pdfmake)

Размер моего файла bundle.js слишком велик. (более 8 МБ) Итак, я хочу уменьшить это.

Основная причина - это файл bundle.js, содержащий vfs_fonts.js,размер этого файла превышает 17 МБ.

Я пытался извлекать файл шрифта динамически, а не связывать файл, ссылаясь на эту страницу.

https://github.com/bpampuch/pdfmake/issues/1374

Но это не такне работает.

это часть моего кода 

import * as pdfMake from 'pdfmake/build/pdfmake';

function fetchFont (fontURL: string) {
  return new Promise((resolve, reject) => {
    const request = new XMLHttpRequest();
    request.open('GET', fontURL, true);
    request.responseType = 'arraybuffer';

    request.onload = function (e: any) {
      resolve(request.response);
    };

    request.onerror = reject;

    request.send();
  });
}

interface Dictionary {
  [index: string]: string;
}

class PdfFontLoader {
  fontDefs: Dictionary[];
  vfs: {};
  loaded: boolean;
  constructor () {
    this.fontDefs = [];
    this.vfs = {};
  }
  addFont (fontDef: Dictionary) {
    this.fontDefs.push(fontDef);
  }

  load() {
    return new Promise((resolve, reject) => {
      if (this.loaded) {
        resolve();
      } else {
        const fetches = this.fontDefs.map(fontDef => {
          return fetchFont(fontDef.URL).then((data) => {
            console.log('fetched ' + JSON.stringify(data));
            this.vfs[fontDef.name] = data;
          }).catch(e => {
            console.log('error ' + e);
          });
        });
        Promise.all(fetches).then(() => {
          this.loaded = true;
          resolve();
        }).catch(reject);
      }
    });
  }
}

const pdf = pdfMake;

  pdf.vfs = fontLoader.vfs;
  fontLoader.addFont({URL: 'GenShinGothic-Normal.ttf', name: 'GenShinGothic-Normal.ttf'});
  fontLoader.addFont({URL: 'GenShinGothic-Bold.ttf', name: 'GenShinGothic-Bold.ttf'});

  fontLoader.load().then(res => {
    console.log('load finished');
    pdf.fonts = {
      GenShinGothic: {
        normal: 'GenShinGothic-Normal.ttf',
        bold: 'GenShinGothic-Bold.ttf'
      }
    };
    console.log("vfs is " + JSON.stringify(pdf.vfs));

console.log 

load finished
fetched {}
vfs is {"GenShinGothic-Normal.ttf":{},"GenShinGothic-Bold.ttf":{}}

если генерируется PDF ... 

Error: unknown font format

Можете ли вы мне помочь?

==== дополнительная информация ===== файл шрифта (ttf) развернут в одном каталоге с bundle.js ...

...