一般大家调试都是在浏览器端调试js的，不过有些时候也想和后台一样在代码工具里面调试js或者node.js，下面介绍下怎样在vscode里面走断点。 其中我最喜欢使用的还是V8 Inspector和vscode的方式。 就能看到launch.json的文件了。 当request为…

在各种大型项目中，流量统计是一项重要工程，统计点击量可以在后端进行监控，但是这局限于调用接口时才能统计到用户点击，而前端埋点监控也是一个统计流量的手段，下面就基于百度统计来完成以下需求。

想知道项目中使用的三方组件库的数据吗？来吧，本文带你了解如何统计项目中组件使用情况。 思路：Webpack loader（AST）。 最快的方案通过字符串统计用正则的方式一把梭，但是这样会有问题就是如果注释部分有的话也会被统计进去就不准确，所以想到了可以通过 AST(抽象语法树…

最近接了个需求, 需要统计公司前端项目中, 自研 npm 包的普及度&包内组件使用率. 解决过程比较有意思, 这里分享下.

以前我对代码的插桩和覆盖率从大学课本上抽象的概念认知层面到有了一定的实践了解，在学习这方面的过程中踩了很多坑，网上关于前端插桩和覆盖率的文档少且不全所以我决定把这方面的研究总结记录一下。

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

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确

webpack 是我们前端工程师必须掌握的一项技能，我们的日常开发已经离不开这个配置。关于这方面的文章已经很多，但还是想把自己的学习过程总结记录下来。 一共两篇文章，分为原理篇和实践篇，从 webpack 构建原理开始，然后基于这个原理之上，明确我们实际工程配置中可以去优化的方…

首先我们先回顾一下webpack常见配置，因为后面会用到，所以简单介绍一下。 这里面我们重点关注 module和plugins属性，因为今天的重点是编写loader和plugin，需要配置这两个属性。 通过逐层识别模块依赖。（Commonjs、amd或者es6的import，w…