私はAngular jsとgulpに比較的慣れていません。私は現在、モバイルアプリ用のイオンフレームワークも試しています。私はイオン タブ テンプレートから始めました。私は js ライブラリに bower を使用しています。bower.json ファイルにいくつかの bower パッケージを追加しましたが、wiredep を使用してそれらのファイルを index.html に挿入したいと考えています。私の問題は、cliまたはgulpタスクでwiredepを使用すると、追加した2つのパッケージからのみファイルが追加され、ionicからのファイルは追加されないことです。
index.html から抽出
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="lib/ionic/js/angular/angular-resource.min.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<!-- your app's js -->
<script src="js/app.js"></script>
<!-- bower:js -->
<script src="lib/angular/angular.js"></script>
<script src="lib/ng-azure-mobile-service/ng-azure-mobile-service.min.js"></script>
<script src="lib/ng-azure-mobile-service/MobileServices.Web-1.2.5.js"></script>
<!-- endbower -->
私の bower:js セクションには、ionic からではなく、私の bower パッケージからの 3 つのファイルのみが含まれていることがわかります。理想的なケースでは、最初の 3 行を削除し、wiredep で防御してそれらを追加できる必要があります。
bower.json
{
"name": "oz-beauty",
"private": "true",
"devDependencies": {
"ionic": "driftyco/ionic-bower#1.0.0-beta.14"
},
"dependencies": {
"ng-azure-mobile-service": "~1.3.5"
},
"overrides": {
"ionic": {
"main": ["lib/ionic/js/ionic.bundle.js"]
}
}
}
何か不足している場合はお知らせください。