在前端技术发展日新月异的今天，前端工程化已经成了每个前端工作/学习者的必备知识，一文带你吃透webpack

在我最近的工作项目中，我采用了 pnpm monorepo 来管理多个基础库的开发。这种方式虽然在项目组织上提供了便利，但在调试过程中却给我带来了不小的挑战。

我是Kagol，个人公众号：前端开源星球。你的项目是不是正在不断膨胀，构建速度越来越慢，包体积越来越大，性能越来越慢？想拆分不同仓库分开维护，又担心代码不方便复用？你可能需要改造成Monorepo啦！

目前所有的webpack配置信息都是放到一个配置文件中，当配置越来越多时，这个文件会变得越来越不容易维护。所以，我们最好对配置进行拆分。同样为了提升加载效率，打包后的文件也需要进行拆分操作。

上一篇文章中我们已经实现了一个最简单的框架，接下来我们接着上一篇的成果，继续添加瓦。 接下来我们开始配置tslint。查看typescript官网，我们会发现，在2019年1月TS官方决定全面采用Eslint作为代码检查的工具。 社区有这么一个工具：prettier，按照教程一…

这个webpack配置实现了组基本的功能，能打包less样式、能自动将打包文件注入html中。 在正式的项目，我们肯定不能每更改一次就进行一次编译打包，于是我们需要引入webpack-dev-server，用来在本地启动一个服务，在每一次修改后自动重新编译。接下来我们修改web…

一、使用customize-cra 修改 webpack 配置 1. 为什么使用 customize-cra 说到 webpack 配置，很多人都知道在项目根目录下创建 webpck.config.j

Ant Design-按需引入-使用less-使用sass-修改antd主题色 移动端适配 antd-mobile-按需引入-使用less

使用prettier+eslint+stylelint+lint-staged+husky+commitlint统一代码和git提交规范