首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack构建优化
订阅
尘落笔记
更多收藏集
微信扫码分享
微信
新浪微博
QQ
9篇文章 · 0订阅
用 Rspack 替代 Webpack,提升五倍构建速度
通过本文你将理解rspack,并快速实现Vue2、Vue3项目配置,提升5倍多的项目构建性能,快速提高工作效率。
带你深度解锁Webpack系列(进阶篇)
三篇长文,带你解锁 Webpack ,希望读完这三篇文章,你能够对 webpack 的各项配置有一个更为清晰的认识。 本文是第二篇,如果你还没有阅读《带你深度解锁Webpack系列(基础篇)》,建议阅读之后,再继续阅读本文。 本文会引入更多的 webpack 配置,如果文中有任…
vue-loader原理流程真~~解析!看完我又学“废”了
其实这篇内容就是一起学习交流一下vue-loader主流程的一些逻辑和处理方式,也希望能在检索资料时,大家能看到更多一些不同的内容或知识点,在梳理后也能沉淀下来,减少阅读源码学习的成本。
带你深度解锁Webpack系列(优化篇)
带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇),主要是讲解了 Webpack 的配置,但是随着项目越来越大,构建速度可能会越来越慢,构建出来的js的体积也越来越大,此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…
webpack + esbuild-loader 提升构建速度
esbuild 是基于 Golang 开发的一款打包工具,其主要目的是为了提升构建速度,相比传统打包工具速度可快 10 ~ 100 倍。
使用 happypack 提升 Webpack 项目构建速度
本文简单介绍了 Happypack 的简单使用,不了解的同学可以进来看一看。也许会有所帮助。 在使用 Webpack 对项目进行构建时,会对大量文件进行解析和处理。当文件数量变多之后,Webpack 构件速度就会变慢。由于运行在 Node.js 之上的 Webpack 是单线程…
如何通过性能优化,将包的体积压缩了62.7%
今天前同事找到我,向我请教了一个性能优化的问题,我简单的跟他回答了一下例如组件懒加载、路由懒加载、开启gzip、公共的第三方包上cdn、还有基础的雅虎53条军规一条条排查等等......
webpack进阶之性能优化(webpack5最新版本)
说到webpack的性能优化,其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度(缩短构建时间)。对于体积层面主要就是优化webpack的构建结果(缩小构建结果)
前端性能优化——包体积压缩82%、打包速度提升65%
压缩项目打包后的体积大小、提升打包速度,是前端性能优化中非常重要的环节,笔者结合工作中的实践总结,梳理出一些常规且有效的性能优化建议