JavaScript是一种广泛用于网页开发的脚本编程语言。它的主要作用是为网页添加动态交互功能,如点击按钮弹出提示、实时更新内容、表单验证等。JavaScript最初设计在浏览器中运行,但现在也可通过Node.js在服务器端执行。 二、与Java的区别 尽管名字相似,但 ...
最近,JavaScript 工具生态系统中出现了一个新成员——Bun。它的目标是让整个 JavaScript 开发过程更加快速,这是一个全能的工具,它不仅加快了编译和解析的速度,还提供了自己的依赖项管理器工具和捆绑。 JavaScript 工具的未来将离 JavaScript 越来越远,一些工具 ...
与许多大规模公司一样,随着代码库不断变大,爱彼迎也在打包工具方面经历了阵痛。即使代码库增至四倍,爱彼迎在2018年将JavaScript代码打包工具从Webpack迁移到Metro后,还是加快了对前端的UX更改。 构建性能显著提升后,从交互时间(TTI)这个指标来看,UI更改 ...
Rollup是一款ES Modules打包器,它也可以将项目中散落的细小模块打包成整块代码,从而使得这些划分的模块可以更好地运行在浏览器或node.js环境。 Rollup是一款ES Modules打包器,它也可以将项目中散落的细小模块打包成整块代码,从而使得这些划分的模块可以更好地 ...
webpack 打包输出配置 说完理论,来看看实际项目中遇到的问题。 当我们开发完一个 JavaScript 模块必然要经历打包的流程,而在 webpack 配置中,通过指定 output 选项就可以告诉 webpack 如何输出 bundle, asset 以及其他载入的内容。 那么如何实现不同环境可兼容的构建呢?
本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。 多数场景中,可能需要 ...