前端构建系统浅析

文章预览

开发者编写JavaScript代码，而浏览器运行JavaScript代码。从根本上说，前端开发不需要构建步骤。那么，为什么现代前端需要构建步骤呢？ 随着前端代码库越来越庞大，以及开发者体验越来越重要，直接将JavaScript源码传输给客户端会带来两个主要问题： 不支持的语言特性 ：由于JavaScript在浏览器中运行，而浏览器种类繁多、版本各异，每增加一种语言特性，能运行你JavaScript的客户端数量就会减少。此外，像JSX这样的语言扩展不是有效的JavaScript，任何浏览器都无法运行。 性能问题 ：浏览器必须单独请求每个JavaScript文件。在一个大型代码库中，这可能导致成千上万次的HTTP请求来渲染一个页面。在HTTP/2之前，这还会导致成千上万次的TLS握手。 另外，可能需要几次连续的网络往返才能加载所有JavaScript。例如，如果 index.js 导入 page.js ，而 page.js 又导入 bu ………………………………