首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
双皮奶
掘友等级
糊页面
|
蚂蚁金服
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
8
文章 7
沸点 1
赞
8
返回
|
搜索文章
最新
热门
Javascript Modules
目前咱都用webpack/rollup/parcel这些打包工具,如果啥配置都不搞,一般都是打包成一个巨大的[hash].bundle.js。 这么搞有几个问题: 甭管用得到用不到的代码,都打到bundle里面了。 这种情况有缓存还好,第一次进来没缓存的用户得下一个非常的js文…
V8 fast access
Js 对象的字段在v8里一共有两种类型: Named Property 和 Integer Indice。 那咋区分这两种字段呢? 简单的理解, 比如有对象const obj = {a: 'foo', b: 'bar', 1: "zoo"}, 其中,字段’a’、’b’就是 Na…
Webpack4之SplitChunksPlugin
webpack4之前,大家一直都是用CommonsChunkPlugin来做代码切割。那用他具体有什么坑呢? 我用起来感觉最诡异的点就是每次切割之后,新生成的chunk会和被提取的chunk生成一种父子关系(生成的公共chunk为entry chunk,之前有写过一篇文章介绍)…
webpack第三方库的引用方式问题
最近看了不少关于用webpack做代码切割和持久缓存的文章,又因为这个被公司的大神虐了很久。 写一点收货,也不枉被虐了一番。 这种方法网上关于webpack的文章里很常见,就是通过npm/yarn进行安装,然后由webpack直接打成模块放进引用他的chunk里。 当然,库的代…
CommonsChunkPlugin学习小结
如果你还有兴趣,那就一起来看看吧。 首先弄明白chunk是什么东西:webpack将多个模块打包之后的代码集合称为chunk。 entry chunk: 含有webpack runtime代码的模块代码集合。 normal chunk:不含runtime代码的模块集合。 ini…
WebPack持久缓存学习小结
使用webpack构建工程的时候,我们往常会把功能不同的代码打包到不同的包里(如lib,vendor,业务代码)。 而持久缓存的目的就是每一次更新线上代码的时候,尽可能使内容未做更改的模块的名字和之前保持一致。 [hash]: 整次build生成一个唯一的hash值,赋给所有生…
个人成就
文章被点赞
115
文章被阅读
21,167
掘力值
488
关注了
0
关注者
5
收藏集
0
关注标签
1
加入于
2018-01-14