Question

我对角度js＆amp;一饮而尽。我目前正在为移动应用程序尝试离子框架。我开始使用离子选项卡模板，我正在使用bower for js库。我在bower.json文件中添加了一些bower包，并希望使用wiredep将这些文件注入我的index.html。我的问题是，当我在cli或gulp任务中使用wiredep时，它只会添加我添加的两个包中的文件，而不是来自离子包的文件。

从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部分只包含来自我的凉亭包的三个文件而不是离子。在理想的情况下，我必须能够移除前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"]
    }
  }
}

如果我遗失了什么，请告诉我。

Answer 1

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

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

使用wiredep在Angular app中添加bower包

1 个答案: