首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack
订阅
wang888
更多收藏集
微信扫码分享
微信
新浪微博
QQ
3篇文章 · 0订阅
使用 webpack 代码分割和魔术注释提升应用性能
1. Web 应用性能优化的关键 关于 Web 应用性能优化,有一点是毫无疑问的:「页面加载越久,用户体验就越差」。我们几乎可以说 Web 应用性能优化的关键之处就在于:减少页面初载时,所需加载资源的「数量」和「体积」。 或许你会觉得这个标准有点过于苛刻了,是有一点点,但为了创…
探索webpack4与webpack5多项目公共代码复用架构
先抛出一个尖锐问题:MPA 多页应用或微前端架构,如何处理页面的公共部分。 引入公共模板,这样在访问页面时会直接渲染公共部分。 但如果是现代化工程(比如 React),可前后端又未分离的MPA项目(页面仍由后端渲染,Dom 渲染交由 React 接管),我们就会将构建后的资源文…
如何让npm包支持tree-shaking
webpack文档给出的解释中有个关键词就是ES2015,大多数情况下,我们开发的npm包为了更好的浏览器兼容性,会用babel将es6转译成es5或者更低的版本,从而丢失了tree-shaking的能力。 打包工具优先通过module和sideEffects指定的路径来引入该…