如何在没有 NPM 的情况下将依赖项添加到 angularJS 项目

How to add dependencies to angularJS project without NPM

我继承了一个 angularjs 项目,我试图了解它的结构,并最终试图手动向它添加依赖项。项目结构如下。

它似乎是在没有 NPM 的情况下创建的(注意没有 package.json 文件 - 我对此的理解正确吗?)。 angular 组件(即我们的自定义代码)位于 components 文件夹中。 assets 具有外部依赖性,例如。 PDFViewer、JWT 和其他依赖项。这是否意味着资产很可能是手动复制过来的,而不是由工具管理的?

最后我想给项目添加一个新的依赖,具体来说就是这个ImageViewer library。没有 NPM,我对如何做到这一点一无所知。我可以像这样将 npm 添加到 pre-existing 项目吗?如果不是,说明会显示此替代方案。

这是否意味着我不必手动将任何内容放入 assets 文件夹? 我只是将这些引用放入 app.js 它应该会拾取它们吗?然后我显然必须在 angular 模块的某处定义 ImageViewer 或将其引入项目的其他内容。还是我对这一切完全错了?我对如何管理 JS 依赖关系一无所知 w/o NPM,所以非常欢迎这里的任何建议!

我建议尽可能使用 npm 来管理您的依赖项,因为这将使您在升级版本等方面更轻松。

您可以将 js 文件复制并粘贴到 assets 文件夹中,然后使用脚本标记在 index.html 文件中引用它们,如果您想走那条路的话。这将使导出的对象在您的应用程序中全局可用(这可能是您想要的,也可能不是您想要的)。

您在上面发布的代码段具有指向外部 url 的脚本源,因此您不必在本地复制和粘贴任何内容,但是您的应用程序随后对该 URL 在您的应用程序 运行 时启动并可用,所以这也是要记住的事情。

我建议尝试转而使用 npm 来管理您的依赖项。完全可以在项目中只 运行 npm init 并以这种方式开始添加依赖项。这两种方法可以并存。