1

私は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"]
    }
  }
}

何か不足している場合はお知らせください。

4

1 に答える 1