webpack在前端化过程中十分重要，所以花了一段时间学习webpack，以及webpack4新特性，本文是按照从易到难的过程，梳理部分webpack概念，常见的loader，plugins，webpack4新特新，还有部分高级概念。 Output: 如何命名输出文件，以及输出…

本篇文章详细而又简短的介绍了：一名完全不了解 Docker 前端程序员，将全站 Docker 化的过程。内容主要包含： 而每次我想修改某个网站内容是十分麻烦的。拿大家熟悉的纯静态站点来说，修改过程如下： 网站太多，改动太频繁，而每次不管多小的改动都很麻烦。简直让我感觉自己在维护…

在工作中我们有时会写一些常用的库，比如包含数据类型判断、cookie存储模块的工具库等，但可能在某些业务场景中，并不需要用到所有的模块。 我们通常会将这个库拆分成多个，分别创建git仓库，分别打包上传到npm，这样做看起来并没有什么问题。 但当多个库之间产生依赖的时候，问题就就…

扫描目录，分析文件结构和统计信息，给任意文件添加备注，导出带注释的树形文本和其它多种数据格式，大大方便书写技术文档。 如果你需要它，你会很爱它。如果你不需要，可能永远不会需要。 开发这个软件的初衷是为了方便我书写我的 项目文档，其中有一部分内容根据用户的反馈来看，需要详细展示项…

对一个developer来说，有时候变量命名，提交代码时的提交信息会让人很头疼，本文主要聊聊怎么优雅的书写commit message。 曾在上家公司的一个项目中，见过我至今以来见过最奇葩的代码提交信息，让我至今难忘。那个项目的前三个commit记录的提交信息分别是： 简直让人…

需求背景：平时在项目工作中可能会用到很多通用性的代码，比如，框架类、工具类以及公用的业务逻辑代码等等，通过打包发布到npm中央仓库或者私有仓库，来进行维护和托管代码，方便公用代码的使用，如果涉及到不方便公开的代码组件可以发布到私有仓库。 私有npm组件库的优势： 私有npm包只…

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

本篇介绍的是如何做到在代码提交前，统一团队代码风格，检查代码质量，并修复一些低级错误。最终期待项目中的开发人员提交的代码都符合代码规范、风格统一。 Git Hook + lint-staged + Prettier + ESLint，先介绍最终实现，具体每个模块的作用和配置后面…

Lerna是一个工具，它优化了使用git和npm管理多包存储库的工作流。 vue,babel,react等都在用。我司也在用。文档是英文，我便简单总结一篇，希望对大家有帮助。 vue,babel都是用这种，在publish的时候,会在lerna.json文件里面"version…