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文件夹中呢?
图片描述

阅读 4.2k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题