当我们 import 一个模块的时候，可以这样默认引入： 也可以这样解构引入： 第一种默认引入叫 default import，第二种解构引入叫 named import。 不知道大家习惯用哪一种。

在大型项目开发中，经常会遇到这样一个场景，QA 丢给你一个出问题的链接，但是你完全不知道这个页面 & 组件对应的文件位置。 react-dev-inspector 就是应此需求而生。 可以在 预览网站 体验一下。 需要加一个 webpack loader 去遍历编译前…

总之。。。 这不是我的错！ 首先先要写个案例，找到一个可执行方案。 唯一的方案是基于AST（抽象语法树）解构代码，根据Vue官网给出升级文档的修改建议，批量修改输出文件的方案。 只是。。。AST操作有点复杂。 一. 利用 jscodeshift 操作 AST去掉console.…

利用正则表达式，我们还是可以搞定很多需求的，但这样真的能包含所有情况么？有的同事是真的喜欢回车。 这种情况下，如果面对更复杂的需求或者严谨的场景，要么我们编写更复杂的正则表达式，要么我们就不得不去硬肝 AST 操作了。 这需要大家对 AST 结构比较熟悉，在编写的时候需要对着解…