梦想攻城狮

JavaScriptParser是把js源码转化为抽象语法树的解析器。常用的JavaScript Parser： 其中webpack就是使用的acorn将源代码解析成AST进行操作。 loader是webpack用来处理加载不同资源文件的插件，它只在webpack对资源文件进行…

对于某些库，例如:lodash和jquery，其中没有使用require和import引用模块，那么库就不需要使用webpack进行解析分析依赖。 webpack.ProvidePlugin：该插件会提供一个全局变量，在文件中不需要使用require和import引入模块，但是…

在以上过程中，Webpack会在特定的时间点广播出特定的事件，插件在监听到感兴趣的事件后会执行特定的逻辑，并且插件可以调用 Webpack 提供的 API 改变 Webpack 的运行结果。 1. 创建项目package.json 2. 创建/bin/mwebpack.js 3…

Tapable是基于发布订阅模式实现的一个类库，提供了许多Hook类，可创建许多钩子。在这些钩子里面调用内置或者用户在webpack.config.js中使用的插件，webpack在编译打包代码的各个环节会使用到。 ASync*型的Hook支持tapAsync、tapPromi…

在没有redux出来之前，父组件和子组件之间，平行组件之间传递和修改状态，需要将状态和修改状态的方法逐级往下传，组件嵌套过深则很容易出现管理混乱的问题。所以redux就是为了解决状态管理而诞生的。 中间件原理：在原来的dispatch方法外包装一层函数，扩展其他功能，又能保证原…

前台路由:页面的显示由前台js控制，在url的路径中输入哈希值是不会往后台发送请求的，所以前台可以通过将哈希和页面进行映射从而控制渲染显示哪个页面。 但是这种方法有一个问题，如果再按一次回车键，它是会向后台发送请求的，如果后台路由没有相应的匹配，那么会报404的错误，一般需要后…

3. ReactDom.render(vnode,root)会将其渲染出到页面root中: 4. ReactDom.render原理简析： 类组件消除了函数声明组件的问题，也是现在写react的正常语法。 个人使用一种框架时总有一种想知道为啥这样用的强迫症，不然用框架用的不舒服…

代码校验：在代码被提交到仓库前需要校验代码是否符合规范，以及单元测试是否通过。 代码转换：TypeScript 编译成 JavaScript、SCSS 编译成 CSS 等。 模块合并：在采用模块化的项目里会有很多个模块和文件，需要构建功能把模块分类合并成一个文件。 代码分割：提…