![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 70
coderEDC
这个作者很懒,什么都没留下…
展开
-
webpack5.x配置-基础篇
webpack 是什么?本质上,webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时,它会在内部构建一个 依赖图(dependency graph),此依赖图对应映射到项目所需的每个模块,并生成一个或多个 bundle。现在开源社区中,与webpack功能相似的有rollup、vite等,在这我做一下简单的介绍Rollup是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或应用程序原创 2021-11-13 10:52:09 · 975 阅读 · 0 评论 -
webpack-优化篇(code split)
背景一般来讲,基于webpack的spa应用,如果没有额外配置,所有的js经过打包后都会整合到一个chunk中,这就可能会导致这个chunk的体积过大,用户通过浏览器访问我们应用时就需要花费更多的时间来下载资源为什么我们可以把较大的资源根据实际情况拆分成小的模块,利用http可以并行请求资源的特点,大幅节省下载资源的时间开销合理的代码分割也可以帮我们剔除模块中重复引入的代码(eg:node_modules中的依赖抽离出来单独打包成一个chunk),节省项目体积多页面应用通过分包可以只加原创 2021-12-22 18:16:46 · 747 阅读 · 0 评论