Monorepo架构是前端大型项目开发的必经之路，因为不可能去维护众多npm项目，那样子太复杂了，因此借着分享，用实战经验去做分享。

从现有项目存在的问题痛点入手，体系化分享基于lerna的monorepo对现有项目改造带来的收益，以及改造过程中的一些细节及遇到的问题的复盘总结。

最近在工作中接触到一个项目，这个项目是维护一套 CLI，发到 npm 上供开发者使用。先看一张图： 项目仓库中的根目录上就三个子模块的文件夹，分别对应三个 package，在熟悉了构建和发布流程后，有点傻了。工作流程如图中所示： 最后使用拷贝文件的方式，把pkg-main、pk…

经过前两章节的学习，对于webpack的基础和高阶部分有所掌握了，下面总结了几道常见的 webpack 面试。希望对你们对于 webpack 的学习有所收获！！ 1、简单说一下 webpack 的构建

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…

一、前言性能优化一方面是我们前端经常讨论的话题，另一方面也是我们面试过程中考察的重点。那么，如何来定义性能指标呢？这篇文章我们主要介绍一下首屏时间如何采集。二、采集方式2.1 手动采集一般是通过埋点的

vue-router分为hash和history模式，前者为其默认模式，url的表现形式为http://yoursite.com#home，比较难看。后者的url表现形式为http://yoursite.com/home，比较美观。 但如果要使用history模式，我们需要在后…