1

我对 angular js & gulp 比较陌生。我目前也在尝试移动应用程序的离子框架。我从 ionic tabs 模板开始，我将 bower 用于 js 库。我在我的 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.js 中的三个文件。在理想情况下，我必须能够删除前 3 行并在wiredep 上进行防御以便为我添加它们。

鲍尔.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

1

如果你使用 gulp，你可以使用Wiredep 插件的devDependencies标志。

gulp.task('bower', function () {
   gulp.src('./app/index.html')
     .pipe(wiredep({
        devDependencies: true
      }))
     .pipe(gulp.dest('./dest'));
});
于 2015-04-16T11:59:04.183 回答