如何執行Vue原始碼

2022-05-03 20:54:09 字數 755 閱讀 1860

每次看vue專案時,我們首先要看下package.json檔案,我執行的是vue 2.6.10版本

先使用【npm install】命令將所需要的node包安裝,npm的全稱是node package manager

再使用【npm run dev】的命令時,報了如下的錯誤

解決方法是找到\node_modules\rollup-plugin-alias\dist\rollup-plugin-alias.js

resolveid(importee, importer) 

// const entry = options[toreplace];

const entry = normalizeid(options[toreplace]);//改成這句

let updatedid = normalizeid(importeeid.replace(toreplace, entry));

除了修改以上這行**,還需要修改以下,新增--sourcemap, 用於生成.map檔案

改完,儲存後,再次【npm install dev】, 將在dist目錄下生成vue.js和vue.js.map兩個檔案

Vue原始碼解讀(二) Vue原始碼構建

vue.js 原始碼是基於 rollup 構建的,它的構建相關配置都在 scripts 錄下。通常 個基於 npm 託管的項 都會有 個 package.json 件,它是對項 的描述 件,它的內容實際上是 個標準的 json 物件。我們通常會配置 script 字段作為 npm 的執 指令碼,vu...

如何除錯Vue3原始碼?

最近想系統學習一下vue3的源 本篇內容記錄和分享一下,如何除錯vue3的源 注意,vue3的原始碼是在這個 core目錄下,一些同學別一直找目錄為vue3的資料夾,那是找不到的哈。github雖好,但是對於國內使用者,總還是有點敵意,訪問的時候經常進不去,或者很慢,我在公司訪問github時好好的...

Vue原始碼解讀

1 例項的屬性和方法 下圖 2 原型上的屬性和方法 下圖 3 原型鏈 下圖 上圖有誤,後續修正 const vm new vue 之後有 vm.proto vue.prototype vm.proto proto object.prototype vm.proto proto proto null ...