vue原始碼學習 調式環境配置

2021-10-22 23:46:12 字數 1106 閱讀 7294

第二步:安裝基礎配置和安裝rollup
npm i

npm i rollup -g

第三步:在package.json的scripts dev中配置sourcemap(目的是和原始碼產生對映關係方便打斷點)
"dev": "rollup -w -c scripts/config.js --sourcemap --environment target:web-full-dev",
第四步:在命令列中輸入npm run build(在dist中可以看到vue.js 和他的對映vue.map.js)
npm run build
第五步:在example中創立自己的調式檔案test檔案index.html

)第六步:在遊覽器中開啟index.html 並且打上斷點並能清晰的調式和檢視原始碼的程序

runtime: 僅包含執行時,不包含編譯器

common:cjs規範,用於webpack1(vue.runtime.common.js 可以在node環境下使用符合一些老舊的打包工具或者可以在服務端渲染的時候使用)

esm: es模組,用於webpack2+(vue.runtime.esm.js 是webpack打包方式,適用於webpack的打包環境)

umd:universal module definition,相容cjs(相容node.js)和amd(相容遊覽器),運用於遊覽器(vue.js 是umd格式的)

vue原始碼學習

new vue發生了什麼 此處只針對最簡單基礎的new vue過程,一般專案中採用.vue單檔案元件的形式開發,下面會介紹 對於 runtime compile 版本 初始化乙個 vue 例項的一系列相關環境 watcher,lifecycle,methods等等 compile 將 templat...

Vue原始碼學習筆記

最近偷懶好久沒有寫部落格了,一直想繼續vue學習系列,想深入vue原始碼來寫。結果發現自己層次不夠,對js的理解差好多。所以一直想寫一直擱置著。最近重新振作決心看完vue原始碼,並且以我們這類前端小白的角度來一步步弄懂vue原始碼。vue.js 本質上就是乙個包含各種邏輯的乙個function。而我...

vue原始碼學習筆記

最近在看vue的原始碼,因為本人比較小白,所以很多地方理解起來會有一定難度,好在有很多大分享了vue原始碼相關的文章,整理一下吧 vue.js 原始碼學習筆記 囧克斯,這篇文章是老師推薦的,裡面總結了vue原始碼中比較值得關注的地方,不過文章應該寫的比較早了,文中講的vue是以前的版本,檔案結構會和...