大家好，相信大多数同学在日常项目中对于 Eslint 配置都会感觉到痛苦。今天就来和大家聊聊如何利用 EsLint 中各个配置来更好的辅助我们的工程。

有时候使用npm上的包，发现有bug，我们知道如何修改，但是别人可能一时半会没法更新，或者是我们特殊需求，别人不愿意修改，这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢？首先，直接修改node_modules里面的文件是不太行的，重新安装依赖就没有了。一般常用…

Rollup打包工具详细使用教程；之前在网络上查找过相关的rollup使用，有些文章很概念不易理解，没有具体步骤；有些文章步骤不够详细，没有来龙去脉。所以打算整理个文章给后来者减少弯路。

输出完成：在确定好输出内容后，根据配置确定输出的路径和文件名，把文件内容写入到文件系统。 在以上过程中，Webpack 会在特定的时间点广播出特定的事件，插件在监听到感兴趣的事件后会执行特定的逻辑，并且插件可以调用 Webpack 提供的 API 改变 Webpack 的运行结…

为了看到Webpack是怎么把模块进行加载和打包，这里创建了两个文件，分别是a.js和index.js，index.js调用了a.js的funcA。 以下webpack打包出来的文件（我做了一些删减和eval的转换）。 接下来我们一步一步看看模块是怎么加载的。 我们看到整个立即…

在现代主流的前端项目开发中，几乎总能找到 webpack 的影子，它似乎已经成了现今前端开发中不可或缺的一部分。 下图是 webpack 官网首页，它生动形象的展现了 webpack 的核心功能：将一堆依赖关系复杂的模块打包成整齐有序的静态资源。 webpack 的出现加上现成…

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

中无主而不止，外无正而不行。——庄子 现在前端开发基本上都会用到react、vue，用到了前端mvc、mvvm框架，基本上都会涉及到打包发布，打包常用的工具就是webpack、gulp等等。经常使用自然也要了解一些他大致的流程也会方便使用。 Entry: 指定webpack开始…

这么设置，比如 phonex 屏幕 375。那么 32px 的大小就很方便地口算成.32rem 所以这样是有些不一致的，你写1rem是16px，你写37.5px又是1rem，并且vant组件的大小显示也不对了（必须配成100才能正确显示）。 remUnit：100，rootSi…