2016-07-25 37 views
2

我正在開發使用cordova的Android應用程序,並且我想在我的項目中添加一些JavaScript庫。例如,如果我想在我的科爾多瓦應用程序中添加async.jsOpenlayers和其他庫,並且我不想手動添加它們,那麼我應該如何解決這個問題?如何在cordova中添加javascript庫或包?

+1

「www」文件夾內有一個名爲'js'的文件夾,將腳本放在那裏,然後在index.html文件中引用它們。 –

+0

這是您如何「手動」添加腳本,我正在尋找一些軟件包管理器解決方案。 –

+1

你可以使用任何構建spa,requirejs,webpack,bower等的任何東西。 – dandavis

回答

1

我們正在做一個科爾多瓦應用程序,我現在正在工作。

我們主要使用npm來下載任何依賴關係(例如,lodash或其他任何可通過npm獲得的依賴關係)。然後我們使用webpack捆綁所有依賴,然後引用捆綁在www/index.html

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

這應該可行,但我找到了使用npm + bower + grunt來管理依賴關係的解決方案。 –

+0

雖然我用我熟悉的知識解決了這個問題,但我認爲webpack的使用和學習更簡單。 –

+0

如果我想將我的開發項目導出爲cordova插件,那麼webpack軟件包是否也會包含在內? –

0

我使用npm+bower+grunt管理depencies,和它的作品。

npm,您將定義包需要包括package.json科爾多瓦插件:

{ 
    "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" 
    } 
} 

你如何建立該項目通過grunt build,並且您想要將src構建爲wwwasset/www。您可以cordova run <platform>grunt serve運行該應用程序。

相關問題