面试官灵魂三连问：你用过webpack么，它的原理是什么？ 你还知道些构建工具，各有什么优缺点？ 你在项目中有配置过么，在哪些场景配置过？

Why Rspack? 前端工具现状 开发/生产构建时间长 巨型应用 开发：启动时间过长，通常为 5-10 分钟，单次 HMR 10-20 秒 生产：构建时间过长，通常为 10-20 分钟，降低持续部

1. 学会 vite 简单原理 2. 学会使用 VSCode 调试源码 3. 学会如何编译 Vue 单文件组件 4. 学会如何使用 recast 生成 ast 转换文件 5. 如何加载包文件等

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

工程化目的是为了提升团队的开发效率、提高项目的质量 例如大家所熟悉的构建工具、性能优化、组件库等知识，都属于工程化的内容

我们想要让网站的性能提升，具体指的是什么，如何去量化我们的优化。而且性能体验这种东西往往是相对的。所以在讨论性能时，我们需要有精确的数据，需要有可以测量的客观的标准来定义，这些标准就是指标。

我有时写文章之前会想一个问题：写哪个方向会更有意思一些？ 比如写正向知识体系，我更愿意写函数、对象那部分，因为他们变化多样，因为变化多样，所以有意思。 渐渐地，我在写文章之前就有点这个习惯了。当我再次

再次碰到调试 npm 本地包的情况，一时想不起来，看了下文档，实际操作了一下，发现了一些文档上没明写的东西。 根据文档介绍，包的链接分为两步。 在一个包文件夹内执行 npm link 将在全局文件 {prefix}/lib/node_modules/ 内，创建一个符号链接（sy…