前端初学者该如何理解与学习glup，webpack等工具？

我是一名前端初学者，只是会html，css，js，jq，现在在学es6为了后面学vue.js做铺垫，但是现在看到很多人用vue.js做开发都用到了webpack，glup，npm等工具，npm我知道就像是php里面的composer一样。但是其他的这些工具我不是很懂。

我也试着读过文档，看过网上各种所谓的xx小时包教包会入门教程，还是对他们不是特别理解，请问是不是我学习路线有问题？还是我的理解有问题？求大牛们分享分享你们对于各种前端工程化工具得理解和认识，感激不尽。