首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
构建工具相关
订阅
黑猫a
更多收藏集
微信扫码分享
微信
新浪微博
QQ
16篇文章 · 0订阅
尤雨溪 3 天 10 更的 Vite 究竟有什么魔力?
上篇《尤雨溪是个恶魔,Vite三天10更》谈到了Webpack这一系列打包工具出现的原因。这些工具的出现是为了解决ESModules模块系统本身的环境兼容问题、以及零散的模块文件导致的频繁网络请求发送
尤雨溪是个恶魔,Vite 三天 10 更
尤老师真是吾辈奋斗楷模,感受下尤大的魔鬼更新速度……Vite(法语单词,“快”的意思)是一种新型的前端构建工具。最初是配合Vue3.0一起使用的,后来适配了各种前端项目,目前提供了Vue、React、
轻松理解webpack热更新原理
一种是页面刷新,不保留页面状态,就是简单粗暴,直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换,只需要局部刷新页面上发生变化的模块,同时可以保留当前的页面状态,比如复选框的选中状态、输入框的输入等。…
antd项目各种webpack打包方案
项目后台使用antd的组件,一直感觉很好很强大。无奈整体打包的话太大,光是antd的js就有990k(3.1.1),所以着手优化打包后的大小。 基本上前期组件使用少的情况下,这个插件完美解决了问题。这个插件其实是优化了写法,将本应该 本质上是单独引入了Button组件,打包的时…
一口(很长的)气了解 babel
... 简单来说把 JavaScript 中 es2015/2016/2017/2046 的新语法转化为 es5,让低端运行环境(如浏览器和 node )能够认识并执行。本文以 babel 6.x 为基准进行讨论。最近 babel 出了 7.x,放在最后聊。 严格来说,babe…
AST in JS
Babel,Webpack,vue-cli和esLint等很多的工具和库的核心都是通过Abstract Syntax Tree抽象语法树这个概念来实现对代码的检查、分析等操作的。在前端当中AST的使用场景非常广,比如在vue.js当中,我们在代码中编写的template转化成r…
深入Babel,这一篇就够了
既然标题说了是深入Babel,那我们就不说Babel各种用法了,什么babel-core,babel-runtime,babel-loader……如果你想了解这一部分内容,这类文章很多,推荐最近看到的一篇:一口(很长的)气了解 babel,可以说是相当详实完备了。 言归正传,这…
webpack 中那些最易混淆的 5 个知识点
今天我主要分享的是一些 webpack 中的易混淆知识点,也是面试的常见内容。我把这些分散在文档和教程里的内容总结起来,目前看是全网独一份,大家可以加个收藏,方便以后检索和学习
AMD , CMD, CommonJS,ES Module,UMD
AMD是 RequireJS 在推广过程中对模块定义的规范化产出。 CMD是 SeaJS 在推广过程中对模块定义的规范化产出。 CMD推崇依赖就近,AMD推崇依赖前置。 CommonJS模块是对象,是运行时加载,运行时才把模块挂载在exports之上(加载整个模块的所有),加载…
无头浏览器 Puppeteer 初探
我们日常使用浏览器的步骤为:启动浏览器、打开一个网页、进行交互。而无头浏览器指的是我们使用脚本来执行以上过程的浏览器,能模拟真实的浏览器使用场景。 本文主要介绍 Google 提供的无头浏览器(headless Chrome), 他基于 Chrome DevTools prot…