前端有较多工具npm，webpack，bower，gulp，grunt等等，很多都有功能重叠或替代，对于新手小白来说有点眼花缭乱，不知道如何搭配较好！希望能指点或者提供一些建议！
你所提到的工具，可以分为两类：
包管理: npm 和 bower
构建工具: webpack, gulp 和 grunt
新手的话，建议是 用npm做包管理 （bower 慢慢会被淘汰掉）， gulp 做构建工具 （gulp简单， grunt不建议选，主要还是配置复杂，webpack，不建议选的原因，虽然它真的超级强大，但是文档太差， 新手学习还是有困难）
当然最终也取决你的项目技术选型，例如 react 那你必然选 npm 和 webpack，如果是 AngularJS + ES5 最好是 npm 和 gulp。
当然，其实这些你都不用担心啦，yeoman 提供各种脚手架帮助你构建工程 http://yeoman.io/