最近在做项目时遇到一个需求，需要让一个列表能够通过点击按钮进行滚动，每次都是一屏的距离，不足则结束。并且，这个列表项是在react-grid-layout中的某一个模块内。所以包裹这个列表的容器会随时发生变化。在完成这个组件后，通过这篇文章

lerna 是一个 monorepo 工具，用来在一个仓库中管理多个项目。而我最近向造个轮子，这个轮子需要抽离出一些组件库，且自身也会用到。而 lerna 就非常适合这种场景。 下载 全局下载 yarn global add lerna 或

为什么要写单元测试 帮助开发者完善异常逻辑，提高程序健壮性 降低代码耦合度，防止在项目中出现修改了一处代码后，却影响了其他代码的尴尬场景 提高项目组件的职责的单一性，防止在组件内出现业务逻辑，降低复用效率 作为文档：在一个中大型项目中，随着

HMR 能够在保持页面状态不变的情况下动态更新代码模块，在 webpack 实现 HMR 之前，应用的加载更新都是一种页面级别的院子操作。即使再小的改动，如更新字体大小等都会重新加载整个页面，会降低整体开发效率，如： 对于复杂表单，你需要

loader 的链式调用和顺序执行loader 就是一个 js 函数，它的作用就是接收源码，并返回新的源码。 如果是多个 loader 串行，则执行顺序是从右向左 module.exports = { rules: [

前端开发配置系列文章的 github 仓库为： https://github.com/SaebaRyoo/webpack-config ,如果您在看的过程中发现了什么不足和错误，感谢您能指出！ 作为一个前端开发，Webpack 一定不陌生，

前端开发配置系列文章的 github 仓库为： https://github.com/SaebaRyoo/webpack-config ,如果您在看的过程中发现了什么不足和错误，感谢您能指出！ redux为什么使用在一个中大型的项目中，统一

前端开发配置系列文章的 github 仓库为： https://github.com/SaebaRyoo/webpack-config ,如果您在看的过程中发现了什么不足和错误，感谢您能指出！ React Router 快速了解React

前端开发配置系列文章的 github 仓库为： https://github.com/SaebaRyoo/webpack-config ,如果您在看的过程中发现了什么不足和错误，感谢您能指出！ 上一篇讲了如何创建一个简单的开发环境搭建，但

前端开发配置系列文章的 github 仓库为： https://github.com/SaebaRyoo/webpack-config ,如果您在看的过程中发现了什么不足和错误，感谢您能指出！ 上一篇总结了基础的 webpack 概念。那