It is important to keep in mind the usefulness of each of these tools during development.
Webpack, for example, is a tool that allows the generation of one or more Unboundles according to the organization of the modules of your application. Note that this is a tool that will only be used in the development, IE, will not be delivered to the final customer, and therefore will not influence the "weight" of the final build.
The same reasoning applies to SASS/LESS and Gulp.js which are tools used only in the development environment, to accelerate and improve the activity of developing an application. Because they are only in the development environment, they have no influence on the speed of loading when the customer accesses their application.
React/Angular/Jquery are libraries - angular is a framework - that allow and facilitate the construction of an application. Unlike script managers (Gulp), compilers (SASS/LESS) and bundlers (Webpack), these dependencies are delivered to the customer, and these do influence the page load speed.
Something to keep in mind in the current development is the rise of the Spas, things where Angular, React and more recently Vuejs have had highlights. So, using Angular and React together, for example, in the same application is not one of the smartest ideas and will influence the loading of your application. It is up to you as a developer to analyze the utilities of each library in your project and judge whether they are necessary or whether some pre-installed dependency already performs such an action.