首页 > bower下载的包怎么自动在项目上使用呢?

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文件夹中呢?


wiredep https://www.npmjs.com/package/wiredep
你可以看一下这个怎么配置,然后集成到gulp的工作流里面

【热门文章】
【热门文章】