这些文件都是一样的。我检查和比较。
如果你使用npm + typescript（+Angular），我建议使用选项npm install plotly.js-dist。
如果你使用npm（或不使用）+ JavaScript，我建议使用选项3和plotly.min.js。
别提缩小没缩小。因为捆绑后每个模块缩小。
因此，这取决于您需要通过开发人员工具在调试时查看哪个文件。
这里是Quick start options。
1.使用npm安装：npm install plotly.js-dist。

• 即用型plotly.js分布式捆绑包。
• 包含跟踪模块，请访问here

1.使用Fastly托管的plotly.js CDN。
1.下载最新版本：plotly.js或plotly.min.js。更多信息here.
你选择什么并不重要，但是如何捆绑/部署你的项目略有不同。
并使用定义文件。@types/plotly.js
有关此处的更多信息，请查看Bundle information部分。
此外，如果你的工作与角？这里有另一个选择：angular-plotly.js。
这是我对你第二句话的回答。
“plotly.js”很难将其设置为捆绑。这是我所做的，我的目标是：
1.在Angular 4中使用Angular 2-seed。
1.完全定义了每个类型/接口。

步骤1.安装软件包。

谢谢@Jesse

npm install plotly.js-dist --save
npm install @types/plotly.js --save-dev
npm install @types/d3 --save-dev

• 注意：@types/d3是@types/plotly. js的依赖项。但如果你不需要它，请将其从index. d. ts中删除。

步骤2.重命名文件夹以使用定义文件。

将文件夹“plotly.js”转换为“node_modules/@types”中的“plotly.js-dist”。

更新- 9/12/2023

这是我的环境;

• Windows 11（x64）
• 节点v18.17.1
• Angular 13.2.0

我建议如下，

npm i --save plotly.js-dist-min
npm i --save-dev @types/plotly.js-dist-min

这与官方指南略有不同。

import { Component, ElementRef, ViewChild, OnInit, AfterViewInit } from '@angular/core';
import * as Plotly from 'plotly.js-dist-min';

@Component({ ... })
export class AppComponent implements OnInit, AfterViewInit {  
  myData!: Partial<Plotly.PlotData>[];
  @ViewChild('chart') div?: ElementRef;

  ngOnInit(): void {
    this.myData = [
      {
        x: ['giraffes', 'orangutans', 'monkeys'],
        y: [20, 14, 23],
        type: 'bar',
      },
    ];
  }

  ngAfterViewInit(): void {
    const element = this.div?.nativeElement;
    Plotly.newPlot(element, this.myData);
  }
}