2016-07-25 11 views
2

私はcordovaを使用してAndroidアプリを開発しています。私は自分のプロジェクトにいくつかのjavascriptライブラリを追加したいと思います。たとえば、async.jsOpenlayersなどのライブラリをコードバスアプリに追加したい場合、手動で追加したくない場合はどうすればよいですか?javascriptライブラリやパッケージをcordovaに追加するには?

+1

'www'フォルダに' js'という名前のフォルダがあり、その中にあなたのスクリプトを置いて、あなたのindex.htmlファイルの中でそれらを参照してください。 –

+0

これは "手動で"スクリプトを追加する方法です。私はいくつかのパッケージマネージャソリューションを探しています。 –

+1

あなたはスパ、requirejs、webpack、bowerなどを構築するものは何でも使用できます。 – dandavis

答えて

1

私は今すぐ仕事をしているCordovaアプリをやっています。

主にnpmを使用して、任意の依存関係(lodashなど)またはnpmで利用可能なその他の依存関係をダウンロードします。その後、我々は、すべての依存関係をバンドルするwebpackを使用して、www/index.htmlにバンドルを参照します。

<script src="bundle.js"></script> 
+0

これはうまくいくはずですが、npm + bower + gruntを使って依存関係を管理するという解決策が見つかりました。 –

+0

私はこれに慣れ親しんだ知識で解決しましたが、webpackは使いやすく学習しやすいと思います。 –

+0

開発をコード・プラグインとしてエクスポートしたい場合は、Webpackバンドルも含めますか? –

0

私はdepenciesを管理するためにnpm+bower+gruntを使用していて、それが動作します。

{ 
    "name": "i18n", 
    "version": "1.3.0", 
    "private": true, 
    "dependencies": {}, 
    "devDependencies": { 
    "cordova": "~5.3.3", 
    "grunt": "~0.4.5", 
    }, 
    "engines": { 
    "node": ">=0.10.0" 
    }, 
    "scripts": { 
    "test": "grunt test" 
    }, 
    "cordovaPlatforms": [ 
    "ios", 
    "android" 
    ], 
    "cordovaPlugins": [ 
    "org.apache.cordova.device", 
    "cordova-plugin-compat", 
    "cordova-plugin-console", 
    "cordova-plugin-geolocation" 
    ] 
} 

次にあなたがbower.jsonであなたの依存関係を管理します、例えば:

{ 
    "name": "i18n", 
    "version": "1.3.0", 
    "dependencies": { 
    "ngCordova": "~0.1.18", 
    "ng-cordova-oauth": "~0.1.4" 
    }, 
    "devDependencies": { 
    "ngCordova": "~0.1.15-alpha" 
    } 
} 

は、あなたが構築する方法

npmでは、あなたがpackage.jsonでコルドバのプラグインなど、必要なパッケージを定義しますプロジェクトはgrunt buildを通り、srcwwwまたはasset/wwwに作成します。アプリを実行するには、cordova run <platform>またはgrunt serveがあります。

関連する問題