使用Wiredep在Angular應用中添加Bower軟件包

Question

我對angular js和gulp比較陌生。 我目前也在嘗試用於移動應用程序的ionic框架。 我從ionic選項卡模板開始，我在使用js庫的Bower。 我在bower.json文件中添加了一些Bower軟件包，並希望使用wiredep將這些文件注入到我的index.html中。 我的問題是，當我在cli或gulp任務中使用wiredep時，它只會添加我添加的兩個軟件包中的文件，而不會添加來自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部分僅包含來自我的bower包的三個文件，而不包含來自ionic的文件。 在理想情況下，我必須能夠刪除前三行並捍衛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"]
    }
  }
}

請讓我知道我是否缺少任何東西。

Answer 1

如果使用gulp ，則可以使用wiredep插件的devDependencies標志。

gulp.task('bower', function () {
   gulp.src('./app/index.html')
     .pipe(wiredep({
        devDependencies: true
      }))
     .pipe(gulp.dest('./dest'));
});