酱豆腐精

写在开始 在正式开始学习之前，我们先一起来了解一个思想：TDD。什么是 TDD 呢？我们先来看下它的概念： 简而言之，就是 测试驱动开发，在动手开发之前先写好测试用例，然后再进行开发。 在接下来的学习

前言 之前搭建博客都是通过 vuepress + Github Pages 的方式，虽然也很方便，但是如果有个可视化可编辑的博客界面，可以做许多个性化的定制，岂不不是美滋滋~（手动🌺🐔） 通过Grid

手摸手，教你从头开始创建一个一个属于自己的脚手架工具~将一些手动的操作自动化，降低错误率，提高人效~

前言 最近在刷LeetCode上的题，想着怎么着得搞个文档记录下题目、思路跟解法吧，刚好前阵子使用GitHub的Actions，结合 vuepress ，将文章自动部署到了GitHub的pages上。

背景 最近打算在git上发布一个学习笔记文档，文档使用 vuepress 搭建，然后发布到git的pages上。考虑到每次发布都需要手动deploy一把，有点繁琐，于是乎打算使用git的 Acrion

通过这个方法，可以复制指定的值到剪切板。引用类型的值被拷贝之后，可以得到格式化后的结果。例如： 在值上右键，选择Store as global variable，可以把这个值变成全局变量，第一次操作，自动创建全局变量 temp1，第二次为temp2，以此类推。 团队协作时，可以…

上一节我们介绍了如何对css做兼容性处理，以及如何将代码中的css单独提取成css文件，并对其进行压缩处理。结合前几个章节的内容，我们已经知道了在webpack中如何对js以及css文件处理。那么除了js与css文件外，类似于 html资源、 图片资源 以及 其他的资源 又该怎…

上一节我们学习到webpack中如何处理css文件，以及在使用了 css预处理器 后又改怎么处理。文章末尾我们也提到了两个需要解决的问题： 上一节中我们使用到了 style-loader 、 css-loader 以及 sass-loader 三种loader，在这三种load…

上两节我们了解了webpack是如何打包js文件的，以及在打包js文件过程中还做了兼容性处理和语法检查的操作。这一节我们来看下webpack是如何处理css文件的。 我们知道，webpack只能识别js的内容，显然直接让webpack识别css文件是不可行的。那要如何将css文…