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

使用npm安装：npm install plotly.js-dist。
1. 即用型plotly.js分发包。
2. 包含跟踪模块，请访问here
3. 使用Fastly托管的plotly.js CDN。
4. 下载最新版本：plotly.js或plotly.min.js。更多信息here。

选择什么都没有关系，但是捆绑/部署项目的方式稍有不同。并使用定义文件。@types/plotly.js有关此处的更多信息，请查看Bundle information部分。

而且，如果您使用的是角形？这是另一个选项：angular-plotly.js。

---

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

使用Angular 4处理angular2种子。

完全定义每种类型/接口。

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