INVESTIGATION OF MODERN WEB APPLICATION BUNDLERS

Authors

DOI:

https://doi.org/10.35546/kntu2078-4481.2024.2.19

Keywords:

software product, browser extension, bundler, web page, WebPack, Vite.

Abstract

The article provides an analysis of two of the most popular modern tools for building web projects, WebPack and Vite, as well as examines their performance. An evaluation of their features and their alignment with user needs, an analysis of their appearance, interface, and usability for building web applications, the openness of the tools for functionality expansion, and their scalability with increasing data volumes and user base were conducted. Additionally, the security level of the applications against potential threats to information security and user privacy was assessed, along with an analysis of the speed and efficiency of executing various tasks in web applications. Furthermore, the potential for the correct operation of the tools on different devices (computers, tablets, mobile phones) and in different browsers was evaluated. Analyzing their functions and characteristics revealed that each of them has its own advantages and limitations. WebPack has long been the standard for building web projects. It offers powerful configuration and extensibility capabilities, allowing it to be tailored to the needs of a specific project. However, as project size and configuration complexity grow, there may be challenges in maintaining productivity. On the other hand, Vite focuses on rapid development and real-time task execution. It provides quick reloading during development, simplifying the development and debugging process. However, its extensibility and configuration capabilities may be limited compared to WebPack. It was found that when choosing between WebPack and Vite, development teams should consider the specifics of their project and prefer the tool that best meets their needs in terms of speed, flexibility, and productivity. Additionally, it is important to continuously explore and evaluate new opportunities and tools emerging in the market to remain current and competitive.

References

Rack, J., Staicu, C.-A. Jack-in-the-box: An Empirical Study of JavaScript Bundling on the Web and its Security Implications [Електронний ресурс]. Proceedings of the 2023 ACM SIGSAC Conference on Computer and Communications Security. November 2023. Pp. 3198–3212. https://doi.org/10.1145/3576915.3623140

Webpack. URL: https://webpack.js.org/

Duldulao, D.B., Cabagnot, R.J.L. Getting Started with the Node Package Manager [Електронний ресурс] // Practical Enterprise React. Apress, Berkeley, CA, 2021. PP. 11–19. URL: https://doi.org/10.1007/978-1-4842-6975-6_2

Vite. Next Generation Frontend Tooling. URL: https://vitejs.dev/

Zammetti, F. Modern Full-Stack Development: Using TypeScript, React, Node.js, Webpack, and Docker . 2020. URL: https://doi.org/10.1007/978-1-4842-5738-8

Zammetti, F. Tying It Up in a Bow: Webpack. 2022. URL: https://doi.org/10.1007/978-1-4842-8811-5_7

Fusco, D. Large Scale Apps with Vue, Vite and TypeScript. 2023. URL: https://www.damianofusco.com/booksample-vue-typescript

Published

2024-07-01