使用NPM库中的awayjs

use awayjs from npm repository

本文关键字:awayjs NPM 使用      更新时间:2023-09-26

我对使用awayjs库开发游戏和数据可视化项目很感兴趣,但是我不能很好地组织我的工作流程来开始使用它。

首先,我用gulp、npm node_modules等创建了标准的工作流。这是一个build, bundle和browserSync插件的例子。

然后我从npm仓库安装awayjs库:

npm install awayjs-full --save dev

NPM在node_modules本地存储库中包含awayjs-full库。现在我有能力使用所有awayjs typescript类来开发应用程序:

// main.ts
import * as awayjs from "awayjs-full";
class Away3D {
   private _view: awayjs.View;
   constructor() {
       this.init();
   }
   private init(): void {
       this.initEngine();
   };
   private initEngine(): void {
       this._view = new awayjs.View(new awayjs.DefaultRenderer());
   }
};
window.onload = function () {
     new Away3D();
}
Typescript查看每个类并让它在源代码中使用。但是当我尝试捆绑javascript编译的代码时,bundle gulp任务通过错误:'can not find module "awayjs-full"',这意味着.js编译的文件不能需要这个库,即使它存储在npm库中。我该怎么做,让javascript最终需要这个库?

这是我的问题,因为我不完全理解从哪里生成的javascript代码需要javascript依赖项。我以为我在开发环境中使用npm节点模块,而在运行时使用npm模块,但在这种情况下,所有功能甚至是bundle gulp任务都使用相同的npm库。所以如果你有同样的问题,首先检查npm库中需要的模块,看看包。Json,并确保它在主js库上有正确的链接。在我的例子中,在存储库的根目录中有一个index.js设置,而这个设置实际上并不存在。这就是我在要求away时遇到的问题。