我应该通过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-plotly.js。

---

这是我第二句话的答案。
“ plotly.js”很难进行捆绑设置。 这是我所做的，我的目标是：

1. 使用Angular 4处理angular2种子。
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”。