javascript - 我应该通过 npm 安装 plotly.js 还是 plotly.js-dist？

Question

有两个包 plotly.js 和 plotly.js-dist。

它们之间有什么区别，我应该使用哪一个？

此外，在 npmjs.org 的 plotly.js 页面上，它说要安装 plotly.js 必须运行:

npm install plotly.js-dist

我的意思是，我可以看到 plotly.js 是一个包含许多文件的项目，而 plotly.js-dist 是一个包，只有一个文件。但是我不明白为什么它是这样分布的。

特别是 plotly.js-dist 没有缩小，在 plotly.js 中有缩小文件，我想可以用来导入这个一个项目的库。

Answer 1

这些文件是相同的。我检查并比较了。

如果你使用 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
2. 使用由 FaSTLy 托管的 plotly.js CDN。
3. 下载最新版本:plotly.js 或 plotly.min.js。更多信息 here .

您选择什么并不重要，但如何捆绑/部署您的项目会略有不同。
并使用定义文件。 @types/plotly.js
有关此处的更多信息，请查看 Bundle information部分。

此外，如果您使用 Angular ？这是另一个选项:angular-plotly.js .

---

这是我对你第二个短语的回答。
“plotly.js”很难设置为捆绑。 这是我为此所做的，我的目标是:

1. 使用 Angular 4 开发 angular2-seed。
2. 完全定义每种类型/接口(interface)。

第 1 步。安装包。

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

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

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

在“node_modules/@types”中将文件夹“plotly.js”重命名为“plotly.js-dist”。