[英]Use wiredep to add bower packages in Angular app
我对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"]
}
}
}
请让我知道我是否缺少任何东西。
如果使用gulp ,则可以使用wiredep插件的devDependencies标志。
gulp.task('bower', function () {
gulp.src('./app/index.html')
.pipe(wiredep({
devDependencies: true
}))
.pipe(gulp.dest('./dest'));
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.