首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
打包
订阅
流沙Code
更多收藏集
微信扫码分享
微信
新浪微博
QQ
16篇文章 · 0订阅
前端性能优化——首页资源压缩63%、白屏时间缩短86%
提升首屏的加载速度,是前端性能优化中最重要的环节,这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化,来验证方案的有效性,了解并掌握其原理
高级前端必须掌握的package.json字段知识
本文重点讲解前端项目的`package.json`文件中,所涉及到的字段含义和它的使用场景。 避免一些配置性的错误,提高项目的维护性。
Webpack 原理——如何实现代码打包
作为一个前端“攻城狮”,Webpack 再熟悉不过了,Webpack 很出色的完成了转译前端多种文件资源,分析复杂模块依赖的工作,那 Webpack 是如何实现打包的呢?
一步步从零开始用 webpack 搭建一个大型项目
想要学好 webpack,我们首先要了解 webpack 的机制,我们先从js加载css开始学习。 bundle 是一个立即执行函数,可以认为它是把所有模块捆绑在一起的一个巨型模块。 学习一个工具我们不仅要看懂它的配置,还要对它的原理一起了解,只有学到框架的精髓,我们才能应对如…
从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境
从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境,涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。
Tree-Shaking性能优化实践 - 实践篇
三. tree-shaking实践 webpack2 发布,宣布支持tree-shaking,webpack 3发布,支持作用域提升,生成的bundle文件更小。 再没有升级webpack之前,增幻想我们的性能又要大幅提升了,对升级充满了期待。实际上事实是这样的 升级完之后,b…
用webpack从0到1打包一个按需加载的vue组件库
在vue项目开发中,我们会将经常用到的逻辑或模块抽象成组件,对于那些多个项目都有用到的组件,可以考虑封装成组件库,发布到npm。每次要到只需要npm install xx一下,就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。 组件在使用之前都需要注册组件,注册组件可…
Tree-Shaking性能优化实践 - 原理篇
一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意,本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件,将其中用不到的代码"摇"掉,是一个性能优化的范畴。具体来说,在 webpack 项目中,有一个入口文件,相当…
从 0 构建自己的脚手架/CLI知识体系(万字) 🛠
1、脚手架的简单雏形;2、脚手架工具体系;3、手写自己的脚手架;4、yeoman 的使用;5、plop 的使用
不聊webpack配置,来说说它的原理
最近在前端论坛闲逛,看到了一些讲parcel、webpack的文章,就突然很好奇,每天都在用的打包工具,他们打包的原理究竟是什么。只有知道了这一点,才可以在众多的打包工具里,找到最适合的那个它。在了解打包原理之前,先花一些篇章说明了一下为什么要使用打包工具。 前端产品的交付是基…