excel - Angular 5 上的 XLSX 缩小版？

Question

在 Angular 5 项目中使用缩小的 XLSX 是否有正确的方法？

目前我将其用作:

import * as XLSX from 'xlsx';

使用此导入，例如:

const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json);

和

const workbook: XLSX.WorkBook = XLSX.utils.book_new();

它工作得很好，但在我的构建中产生了一个非常大的捆绑对象:


我想知道是否可以使用 .min 文件来帮助减小包大小。如果是这样，如何正确导入和使用它？

Answer 1

这就是我在 Angular 中的做法:

    import('xlsx').then(xlsx => {});

它仅在用户单击我的 excel 服务按钮时触发 :) 这似乎是“不好的做法”，但 xlsx不能真正正确地缩小..无论如何，它为我的捆绑包节省了 1.2MB!
GitHub讨论: https://github.com/SheetJS/sheetjs/issues/694#issuecomment-688310069
获取类型需要额外(但很容易)的工作 - 阅读: How to use types with dynamic imports?
我受到这个开发者的启发，他遇到了同样的问题: https://netbasal.com/using-typescript-dynamic-imports-in-angular-d210547484dd

    import { Injectable } from '@angular/core';
    import * as FileSaver from 'file-saver';

    // import * as XLSX from 'xlsx';
    // import { utils, write } from 'xlsx';
    // import { WorkSheet, WorkBook } from 'xlsx';

    const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
    const EXCEL_EXTENSION = '.xlsx';
    
    @Injectable()
    export class ExcelService {
    
      constructor() { }
    
      public exportAsExcelFile(arrOfObjs: {}[], excelFileName: string): void {
        import('xlsx').then(xlsx => {
          // console.log(xlsx);
          const worksheet: import('xlsx').WorkSheet = xlsx.utils.json_to_sheet(arrOfObjs);
          console.log('worksheet', worksheet);
          const wb: import('xlsx').WorkBook = { Sheets: { data: worksheet }, SheetNames: ['data'] };
          if (!wb.Workbook) { wb.Workbook = {}; }
          if (!wb.Workbook.Views) { wb.Workbook.Views = []; }
          if (!wb.Workbook.Views[0]) { wb.Workbook.Views[0] = {}; }
          wb.Workbook.Views[0].RTL = true;
          const excelBuffer: BlobPart = xlsx.write(wb, { bookType: 'xlsx', type: 'array' });
          this.saveAsExcelFile(excelBuffer, excelFileName);
        });
      }
    
      private saveAsExcelFile(buffer: BlobPart, fileName: string): void {
        const data: Blob = new Blob([buffer], {
          type: EXCEL_TYPE
        });
        FileSaver.saveAs(data, fileName + '_export_' + new Date().getTime() + EXCEL_EXTENSION);
      }
    }