原文:.14-浅析webpack源码之Watchpack模块

解决掉了最头疼的DirectoryWatcher内部实现,这一节可以结束NodeWatchFileSystem模块。 关于watch的应用场景,仔细思考了下,这不就是热重载的核心嘛。 首先是监视文件,触发文件change事件后收集变动文件信息,重新进行打包,更新JS后触发页面重新渲染,perfect 首先重新回忆一下NodeWatchFileSystem模块: 在构造函数中会初始化一个Watch ...

2017-12-20 21:06 1 923 推荐指数:

查看详情

.6-浅析webpack源码之validateSchema模块

validateSchema模块   首先来看错误检测:   可以注意到,这里传了两个参数,其实第一个参数来源于一个JSON文件:   这个JSON文件非常大,可以观察一下部分内容:   从描述可以猜测,这里的key对应options中 ...

Thu Dec 14 03:22:00 CST 2017 0 2431
.4-浅析webpack源码之convert-argv模块

  上一节看了一眼预编译的总体代码,这一节分析convert-argv模块。   这个模块主要是对命令参数的解析,也是yargs框架的核心用处。   生成默认配置文件名数组   函数内部,首先判断了argv.d与argv.p属性是否存在,这个属性来源于参数d与p ...

Tue Dec 12 08:11:00 CST 2017 1 1491
.10-浅析webpack源码之graceful-fs模块

  在cachedInput、output、watch三大文件系统中,output非常简单,没有必要讲,其余两个模块依赖于input模块,而input主要是引用了graceful-fs的部分API,所以这节来讲讲graceful-fs。   上一节整理的源码如下:   内容包含 ...

Sat Dec 16 08:24:00 CST 2017 0 2233
.1-浅析webpack源码webpack.cmd

  此系列随时可能断更,毕竟我是解释型源码分析……   tips:本系列源码版本为3.10.0   尝试看过Spring的源码,有点烧脑,所以还是重回JS吧!   在配置完环境变量后,可以通过webpack指令进行打包,需要知道的是,如果当前路径存在webpack ...

Sun Dec 10 22:52:00 CST 2017 8 1987
.15-浅析webpack源码之WebpackOptionsApply模块-plugin事件流总览

  总体过了一下后面的流程,发现Compiler模块确实不适合单独讲解,这里继续讲解后面的代码:   这行代码与之前设置options默认值非常相似,但是复杂程度根本不是一个次元的。   这一节只能简单的看一眼内部到底有多少东西,整理后源码如下:   这个模块 ...

Fri Dec 22 00:05:00 CST 2017 0 979
14-定时器

在js中的定时器分两种:1、setTimeout() 2、setInterval() 1.setTimeOut() 只在指定时间后执行一次 2.setInterval() ...

Tue May 29 22:16:00 CST 2018 0 1063
Odoo安装教程14-创建新的插件模块之网页和控制器

网页和控制器 Odoo 还提供了一个 web 开发框架,可用于开发与后台应用深度集成的功能。第一步我们来创建一个显示有效图书列表的简单网页。在请求 http:///library/books 页面时 ...

Mon May 25 05:35:00 CST 2020 0 814
.2-浅析webpack源码之打包后文件

  先不进源码,分析一下打包后的文件,来一张图:      首先创建两个JS文件,内容如下:   分别为配置文件和入口JS文件,内容弄个简单的。   接下来在当前目录执行webpack --config config.js,会输出一个output.js,简化后 ...

Mon Dec 11 09:46:00 CST 2017 0 1387
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM