webpack - 介绍 webpack 是代码编译工具,有入口、出口、loader 和插件。webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时,它会在内部构建一个依赖图(dependency graph),此依赖图对应映射到项目所需的每个模块,并生成一个或多个 bundle-程序员及编程爱好者编程难题解决方案社区,旨为方便技术人员更快的开发代码,社区有全球各大网站的精品技术文章, 每日发表专业编程类与IT类技术文章,旨为打造最全的编程技术社区
Turbopack比Webpack快700倍 10月25日,Next.js 13 正式发布。同时,Vercel 还推出并开源了下一代打包工具:Turbopack。Turbopack 是针对 JavaScript 和 TypeScript 优化的增量打包工具,由 Webpack 的创建者 Tobias Koppers 和 Next.js 团队使用 Rust 编写!下面就来看看 Turbopack 都有哪些优势! CUGGZ 2023-02-21 25
Webpack 基石 tapable 揭秘 Webpack 基于 tapable 构建了其复杂庞大的流程管理系统,基于 tapable 的架构不仅解耦了流程节点和流程的具体实现,还保证了 Webpack 强大的扩展能力;学习掌握tapable,有助于我们深入理解 Webpack。 vivo-Ou Fujun 2023-02-16 53
基于 Lerna 管理 packages 的 Monorepo 项目最佳实践 对于维护过多个package的同学来说,都会遇到一个选择题,这些package是放在一个仓库里维护还是放在多个仓库里单独维护,本文通过一个示例讲述了如何基于Lerna管理多个package,并和其它工具整合,打造高效、完美的工作流,最终形成一个最佳实践 juejin 2023-02-11 37
如何减少 Webpack 编译构建时长 我们都知道,Webpack 在构建源码的过程中,会进行大量的文件读写、AST 操作、代码合并和压缩等极其耗费性能的流程,对于一些大型项目来说,可能出现构建时间过长、构建卡顿、甚至内存溢出的情况: luhc0228 2023-02-07 117
Webpack项目优化之CDN加速、Gzip压缩和SplitChunks拆分 通过把类似 echart、element-ui、lodash 等第三方依赖库单独提取出,从而减小打包的体积大小,关键属性 externals 配置后的依赖插件不会被打包进 chunk 。而使用 CDN 加速、缓存也能加快访问速度。 juejin 2022-12-20 99
webpack打包前端组件(三) 回顾前两篇文章中,我们从一个现成的webpack-template中,逐步逐步地修改构建出了一个组件调试的页面,当组件调试没问题之后,我们就要对组件进行一个打包操作让其他用户可以使用。 juejin 2022-12-01 142
webpack打包前端组件(一) 随着前端不断的发展,复杂程度也是日益提升,组件化开发应运而生,在日常开发中,我们也会将一些常用的代码块,组件进行一个封装处理,组件应该自己处理自己应该做的事情,那这些被抽离出来的组件可以独立完成逻辑处理,通过传入/暴露的方式来与其他组件进行交互,这也就形成了插件。 juejin 2022-12-01 48