1. 背景 随着部门业务不断迭代，沉淀了大量的业务组件库。初期业务系统不复杂时，组件库通常都是 Multirepo 方式组织（即一个组件库一个仓库），随着业务复杂度不断提升，模块数量飞速增长，Mult

工欲善其事，必先利其器。对于写代码而言，也是需要有一套完善的工作流（工具和流程）。 但是我现在几乎不再使用它，取而代之的是 VSCode，一款微软开源的代码编辑器，它自带 git ， eslint 等工具，让我们编码更加的有质量，有效率。 接下来是代码规范方面，刚写代码的前几年…

步骤会给出对应gif图,图不动的话建议右键新连接打开. 1.初始化npm并安装对应依赖. 拉取仓储里的物料到本地. 关于物料的管理有很多办法, 这里笔者采用较为简单的git仓库建立专有文件夹托管物料, 利用git的 core.sparseCheckout来下载部分文件夹并不是最…

今天我们继续来webpack4.x的实战第二部分，只需要配置一次，就可以多个项目一起使用。 我们可以引用公共项目的代码，所有项目共享。 我们引入了commander这个库来接收一些命令，比如产品名--dirname=xxx(也可以为-d xxx)、端口号--port=xxx，这…

首先，没有标题党！这套教程确实是免费的，并且针对每节讲解准备了对应的代码，代码环境是webpack4。 课程以常见的webpack4用法为主线，按照从易到难的顺序，逐步引导搭建，渐进式教程真香。 说句实在话，webpack4其实完全靠文档，但是刚入手的时候还是有个简易教程比较好…

对 Babel 的配置项的作用不那么了解，是否会影响日常开发呢？老实说，大多情况下没有特别大的影响（毕竟有搜索引擎）。 不过呢，还是想更进一步了解下，于是最近认真阅读了 Babel 的文档，外加不断编译验证，输出了本篇文章，为了更好的阅读体验，修修改改，最终算是以我个人比较喜欢…

很多时候我们开发是直接在蓝湖上面下载ui的切图png/jpg，一般采用png。这些图片包括icon/background图片都还有压缩的空间，我们上线前当然希望保证用最小体积的图片，提高我们的加载速度，但是我们不希望这个动作是我们手动的压缩，url-minified-loade…

学习单元测试的时候接触了很多概念karma、mocha、Jesmine、chai、expect、assert、should、sinon等，容易混乱，在此做个梳理。 1. 测试框架 Mocha、Jesmine Mocha是一个常用的JS测试框架，可以在浏览器和Nodejs环境使用…

像我们熟悉的 vue-cli，create-react-app 等脚手架，只需要输入简单的命令 vue init webpack project，即可快速帮我们生成一个初始项目。在实际工作中，我们可以定制一个属于自己的脚手架，来提高自己的工作效率。 减少重复性的工作，不再需要复…