原文:.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