Comparative analysis of tools for managing web application development
Paulina Wójcik
paulina.wojcik@pollub.edu.plLublin University of Technology (Poland)
Małgorzata Plechawska-Wójcik
Lublin University of Technology (Qatar)
Abstract
This article presents a comparative analysis of three bundlers: tools for managing web application development. The basic capabilities of the Webpack, Parcel and Vite tools were reviewed. Bundlers were examined in terms of performance, as well as ease of configuration. The article describes the configuration of each of the tools studied. Research scenarios were formulated, on the basis of which a series of tests were carried out consisting in building applications by each tool and measuring the parameters of this process. The obtained results of the research and the author's personal experience made it possible to choose the best tool for managing web application development.
Keywords:
bundler, JavaScript, Webpack, Parcel, ViteReferences
K. Paltoglou, V.E. Zafeiris, N.A. Diamantidis, E.A. Giakoumakis, Automated refactoring of legacy JavaScript code to ES6 modules, Journal of Systems and Software 181 (2021) 111049-11059, https://doi.org/10.1016/j.jss.2021.111049.
Google Scholar
J. Rack, C.A. Staicu, Jack-in-the-box: An Empirical Study of JavaScript Bundling on the Web and its Security Implications, In CCS '23: Proceedings of the 2023 ACM SIGSAC Conference on Computer and Communications Security (2023) 3198–3212, https://doi.org/10.1145/3576915.3623140.
Google Scholar
A. Turcotte, E. Arteca, A. Mishra, S. Alimadadi, F. Tip, Stubbifier: debloating dynamic server-side JavaScript applications, Empirical Software Engineering 27 (2022) 161-172, https://doi.org/10.48550/arXiv.2110.14162.
Google Scholar
M.M. Ali, P. Snyder, C. Kanich, H. Haddadi, Unbundle-Rewrite-Rebundle: Runtime Detection and Rewriting of Privacy-Harming Code in JavaScript Bundles, arXiv:2405.00596 (2024), https://doi.org/10.48550/arXiv.2405.00596.
Google Scholar
S. Chen, U. R. Thaduri, V. K. R. Ballamudi, Front-End Development in React: An Overview. Engineering International 7(2) (2019) 117–126, https://doi.org/10.18034/ei.v7i2.662.
Google Scholar
Porównanie liczby pobrań Webpack, Parcel i Vite, https://npmtrends.com/parcel-vs-vite-vs-webpack/, [17.11.2023].
Google Scholar
Dokumentacja Webpack, https://webpack.js.org/, [18.05.2024].
Google Scholar
Dokumentacja Parcel, https://en.parceljs.org/, [18.05.2024].
Google Scholar
Dokumentacja Vite, https://vitejs.dev/, [18.05.2024].
Google Scholar
Authors
Małgorzata Plechawska-WójcikLublin University of Technology Qatar
Statistics
Abstract views: 59PDF downloads: 61
