1. 前言（需求） 就是想读取 *.vue 文件的源码并高亮展示到页面上，又不想用第三方的依赖（其实是找不到）。 2. 实现思路 通过 vue-loader 自定义块 功能，获取目标文件的文件路径，然后通过 fs 读取源码，再用 @vue/compiler-core 的 API…

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

plugin的作用是解决功能定制的问题。complier可以看出是webpack实例化对象，compilation是其中一个重要过程，在这个阶段中提供了很多钩子函数对chunks进行定制。