首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
工程化
订阅
彼时年少
更多收藏集
微信扫码分享
微信
新浪微博
QQ
13篇文章 · 0订阅
都2022年了,pnpm快到碗里来!
pnpm是一款当代备受关注的 新兴(问题较多) 包管理工具,使用过的同学们都会被它极快的安装速度、极少的磁盘存储空间所吸引!感兴趣的小伙伴赶紧点击学习吧。
webpack 编译后 js 执行流程以及 output.jsonpFunction 的作用
从上面的闭包中,我们看到在闭包函数的最后,调用了 __webpack_require__("./src/index.js"); , webpack_require 看名字就知道,就是加载一个 module。整体执行过程如下:
『Webpack系列』—— externals用法详解
如果小伙伴有做过首屏加载时间优化,应该会遇到chunk-vendors.js这个文件,巨大无比,加载时间超长,是首屏加载时间过长的罪魁祸首之一。 下面通过一个实际的项目来演示,先通过插件webpack-bundle-analyzer来可视化地查看chunk-vendors.js…
「一劳永逸」一张脑图带你掌握Git命令
最近在网易工作之余,遇到Git上面一些问题,趁这次的机会,补一补Git基础知识。 公众号前端UpUp,回复Git,即可获取脑图。 本文更多梳理的是Git常用命令,非原理篇,需要这部分知识的可以往下看。 当我们使用git管理文件时,比如git init时,这个时候,会多一个.gi…
webpack增量打包多页应用
技术:好的,这就改。 这种方案,很快就被自我否定了。 这种方案,也思索了很久,后来也被否定了。 经过前面两个问题后,我发现思考的方向完全是错误的,总是妄想改变webpack的打包方式,简直就是跟它的理念对着干。 可以看到这一次生成的hash是4897.... 但是输出的每个文件…
Webpack中的HMR原理
Hot Module Replacement(以下简称 HMR)是 webpack 发展至今引入的最令人兴奋的特性之一 ,当你对代码进行修改并保存后,webpack 将对代码重新打包,并将新的模块发送到浏览器端,浏览器通过新的模块替换老的模块,这样在不刷新浏览器的前提下就能够对…
Service Worker
随着前端快速发展,应用的性能已经变得至关重要,关于这一点大佬做了很多统计。你可以去看看。 如何降低一个页面的网络请求成本从而缩短页面加载资源的时间并降低用户可感知的延时是非常重要的一部分。对于提升应用的加载速度常用的手段有Http Cache、异步加载、304缓存、文件压缩、C…
webpack详解
webpack是现代前端开发中最火的模块打包工具,只需要通过简单的配置,便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置,便可以轻松实现对代码的构建呢? Plugins:Loaders将各类型的文件处理成webpack能够处理的模块,plugins有着很强的能力。…
RESTful API 编写指南
本文首发于Gevin的博客 原文链接:RESTful API 编写指南 未经 Gevin 授权,禁止转载 基于一些不错的RESTful开发组件,可以快速的开发出不错的RESTful API,但如果不了解开发规范的、健壮的RESTful API的基本面,即便优秀的RESTful开…
webpack loader和plugin编写
首先我们先回顾一下webpack常见配置,因为后面会用到,所以简单介绍一下。 这里面我们重点关注 module和plugins属性,因为今天的重点是编写loader和plugin,需要配置这两个属性。 通过逐层识别模块依赖。(Commonjs、amd或者es6的import,w…