webpack 打包工具

本质上,webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时,它会在内部构建一个 依赖图(dependency graph),此依赖图对应映射到项目所需的每个模块,并生成一个或多个 bundle。

基本上很多前端开发者,都会或多或少用到这个打包工具,不管你是普通的单页应用,还是大型ant design pro项目,都可以用它来打包。

它是一个工具,可以打包你的 JavaScript 应用程序(支持 ESM 和 CommonJS),可以扩展为支持许多不同的静态资源,例如:images, fonts 和 stylesheets。

webpack 关心性能和加载时间;它始终在改进或添加新功能,例如:异步地加载 chunk 和预取,以便为你的项目和用户提供最佳体验。

 

那么比较核心的一些组件,首先用webpack5, 然后用esbuild-loader插件,让webpack用esbuild来构建js,css,typescript,这样你的应用会更快。

分类: 默认 标签: 发布于: 2021-07-30 09:12:24, 更新于: 2021-07-30 09:58:30