bower下载的包怎么自动在项目上使用呢?
本人刚开始接触前端自动化,求教一下使用上的问题,请各路大神指点,万分感谢!
问题1
比如我用bower下载的包是在自定义的lib里:
jQuery.min.js路径是:lib\jquery\dist
normalize.css路径是:lib\normalize-css
可以看到项目要使用的文件,每个包的层级会不同,如上。
项目我使用gulp构建的发行文件在dist里,有什么方法能使bower下载的包的文件直接使用在我的项目里。
只能通过gulpfile.js么?
问题2
如果是只能通过gulpfile,下面是我的gulpfile文档节选,也可以正常运行,可是构建出来跟需求的不一样。
//设置各种输入输出文件夹的位置;
var srcJS = './src/js/*.js',
destJS = './dist/js',
srcScss = './src/scss/*.scss',
destScss = './dist/css',
srcHtml = './src/*.html',
destHtml = './dist',
bowerLib = './lib'
//命令行使用gulp sass启用此任务;
gulp.task('scss', function() {
return gulp.src([srcScss,bowerLib + '/**/*.css'])
.pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
.pipe(autoprefixer({
browsers:['last 2 versions','last 2 Explorer versions','Firefox >= 20','IOS 7','Android >= 4.0',],
cascade:false,
remove:true,
}))
.pipe(gulp.dest(destScss))
.pipe(reload({stream: true}));
});
按上面这样,构建出来的CSS会在我项目dist/css下又生成一个normalize-css文件夹,怎么设置才能不生成文件夹,让具体的文件直接放在dist/css或者dist/js文件夹中呢?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
wiredep https://www.npmjs.com/package/wiredep
你可以看一下这个怎么配置,然后集成到gulp的工作流里面