自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 《从零开始学习Vite》第四章:自动化代码规范工具的使用

在多人协作的工程项目中,代码规范是非常重要的,它可以统一团队代码风格,避免不同风格的编码混杂在一起难以阅读,在开发阶段可以提前规避一些语法错误,从而有效提高代码质量。包括:ESLint、Prettier、Stylelint、Commitlint等主流Lint工具的使用,还会配合husky、lint-staged、VSCode插件和Vite插件,搭建完整的前端开发和代码提交工作流。

2024-06-19 17:23:20 914

原创 《从零开始学习Vite》 第三章:静态资源处理

这一章我们将从如何加载静态资源和如何在生产环境中对静态资源进行优化来学习 Vite 怎么开箱即用的。

2024-05-28 17:55:08 1110

原创 《从零开始学习Vite》 第二章:接入 CSS 工程化方案

CSS 方案是前端工程化必不可缺的,在最原始的开发阶段都是手写原生的 CSS,但原生 CSS 存在浏览器兼容问题、开发体验差、样式污染、打包产物体积过大等诸多问题,因此社区出现了不少 CSS 工程化解决方案,有CSS 预处理器、CSS Modules、PostCSS 、CSS in JS 和 CSS 原子化框架,下面我们将在 Vite 中落地这些 CSS 工程化方案。

2024-05-24 15:58:55 1029

原创 《从零开始学习Vite》 第一章:搭建前端项目

我会给大家系统梳理 Vite 知识,认识构建工具本身的价值,学会 Vite 基本的功能使用,让你能够独立搭建一个相对完整的脚手架项目。

2024-05-22 11:11:35 1014

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除