코드바에서 자바 스크립트 라이브러리 또는 패키지를 추가하는 방법은 무엇입니까?

Question

cordova를 사용하여 Android 앱을 개발 중이며 프로젝트에 자바 스크립트 라이브러리를 추가하고 싶습니다. 예를 들어 async.js, Openlayers 및 일부 다른 라이브러리를 내 cordova 앱에 추가하고 수동으로 추가하지 않으려면 어떻게해야합니까?

Answer 1

우리는 지금 어디에서 작동하는지 Cordova 앱을하고 있습니다.

우리는 주로 (예를 들어, 또는 npm를 통해 사용할 수있는 다른 종속성, lodash 같은) 종속성을 다운로드 npm를 사용합니다. 그런 다음 우리는 모든 종속성을 번들하고 www/index.html에 번들을 참조 할 webpack를 사용 : 나는 depencies을 관리 할 수 ​​npm+bower+grunt을 사용하고

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

Answer 2

, 그것은 작동합니다.

이

{ 
    "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을 통해 이루어지며 src을 www 또는 asset/www에 작성하려고합니다. 앱을 실행하려면 cordova run <platform> 또는 grunt serve 수 있습니다.