2016-07-01 11 views
0

私は、awayjsライブラリを使ってゲームやデータの視覚化プロジェクトを開発することに本当に関心がありますが、私はワークフローをうまく使いこなすことができません。npmリポジトリからawayjsを使用する

まず最初に、gulp、npm node_modulesなどの標準的なワークフローを作成しました。これはokey build、bundle、browserSync greeterの例です。

それから私はNPMリポジトリからawayjsライブラリをインストールします。

npm install awayjs-full --save dev 

NPMはnode_modulesローカルリポジトリ内のawayjsフルライブラリが含まれています。そして今、私がアプリケーションを開発するために、すべての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(); 
} 

活字体のすべてのクラスを参照してくださいし、ソースコードでそれを使ってみましょう。しかし、私はjavascriptのコンパイル済みコードをバンドルしようとすると、エラー: 'モジュールを見つけることができません "、つまり、njリポジトリに格納されていても.jsコンパイル済みファイルがこのライブラリを必要としません。私はjavascriptに最終的にこのライブラリが必要になるように何をすべきですか?

+0

すべてのライブラリを一緒にバンドルするために何を使用していますか?あなたが離れている場所を知らせるためにパラメータを与える必要があるかもしれません。 (例えば、 "awayjs-full"を "node_modules/awayjs-full"にマッピングするもの) – Katana314

+0

私はソースマップ生成とuglify gulpプラグインでgulpタスクを使用します。これはソースコードです:https://github.com/officefish/typescript_practice –

+0

私の知る限り、これまでのスクリプトでは、jqueryまたはjasmineモジュールが必要なbowerリポジトリを使用しています。そこにいた人は誰もいません。私はすぐにジャッジとバワーのサポートを受けています。しかし、awayjsのnode_modulesリポジトリにはバンドルがたくさんあります。私はいくつか私の.jsファイルとリンクすることができますが、私は正確にどのように理解していないと思う。 –

答えて

0

これは私にとっては問題でした。なぜなら、生成されたjavascriptコードがjavascriptの依存関係を必要とする場所を正確に理解できなかったからです。私は、ランタイムに開発環境とbowerで作業するためにnpmノードモジュールを使用すると考えましたが、この場合、すべての関数でも、バンドルのgulpタスクでも同じnpm reposityが使用されます。ですから、最初に同じ問題がある場合は、モジュールが必要なnpmリポジトリを確認し、package.jsonを見て、メインjsライブラリに正しいリンクがあることを確認してください。私の場合は、リポジトリのルートにindex.jsという設定がありましたが、存在しなかったのです。それは私が離れていることを必要とする問題を持っていた。

関連する問題