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

发布于 2022-09-02 11:17:23 字数 1530 浏览 22 评论 0

本人刚开始接触前端自动化,求教一下使用上的问题,请各路大神指点,万分感谢!

问题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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

耀眼的星火 2022-09-09 11:17:23

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文