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

Question

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

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

此外，在 plotly.js 页面上的 npmjs.org 上，它说为了安装 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. 完全定义了每个类型/接口。

步骤 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”。