2016-07-01 30 views
0

我真的很喜歡使用awayjs庫開發遊戲和數據可視化項目,但是我無法很好地將我的工作流開始使用。所有的在npm版本庫中使用awayjs

首先我一飲而盡,NPM node_modules等作出的非標準流程。這是okey構建,捆綁和browserSync歡迎例子。

然後我安裝awayjs庫從NPM庫:

npm install awayjs-full --save dev 

NPM包括node_modules awayjs滿庫的本地倉庫。現在我使用所有awayjs打字稿類能力開發應用程序:

// 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(); 
} 

打字稿看到每一個類,並讓在源代碼中使用它。但是當我嘗試捆綁javascript編譯代碼時,bundle gulp任務通過錯誤:'找不到模塊「awayjs-full」',這意味着.js編譯文件即使存儲在npm存儲庫中也不需要該庫。我應該怎麼做才能讓javascript最終需要這個庫?

+0

你用什麼來將所有的庫捆綁在一起?可能需要給它一個參數來告知它你已經離開了什麼地方。 (例如,將會將「awayjs-full」映射到「node_modules/awayjs-full」) – Katana314

+0

我使用了一個包含sourcemaps生成和uglify gulp插件的gulp任務。這是源代碼:https://github.com/officefish/typescript_practice –

+0

據我瞭解,以前的腳本使用bower存儲庫要求jquery或茉莉花模塊。由於目前沒有bower.json和bower支持,因此我無法在涼亭代表中安裝.js awayjs。但是awayjs的node_modules回購中有很多捆綁包。我想我可以如何鏈接它與我的.js文件,但我不完全明白如何。 –

回答

0

這對我來說這個問題,因爲我並沒有完全從那裏生成的JavaScript代碼需要理解的JavaScript的依賴。我以爲我使用npm節點模塊來處理開發環境和運行時間,但在這種情況下,所有的功能甚至捆綁使用gulp任務都使用相同的npm reposity。因此,如果首先檢查需要模塊的npm存儲庫時遇到同樣的問題,請查看package.json,並確保它在主js庫上有正確的鏈接。在我的情況下,存儲庫根目錄中的index.js設置完全不存在。這是我需要awayjs的問題。