vue源碼下載及運行筆記

源碼下載地址：github.com/vuejs/vue

從git上拉取代碼：git clone github.com/vuejs/vue.g…

運行npm install下載依賴包

運行npm run dev進行打包

運行報錯，以下圖：

報錯緣由是運行dev時用的rollup打包工具，其中的公共路徑處理插件rollup-plugin-alias的文件路徑處理還不是很完善，致使在打包依賴時找不到響應的依賴包。

解決方法：npm i安裝依賴時的rollup-plugin-alias的版本是1.3.1，須要將版本切換爲1.2.0版本。而後在node_modules/rollup-plugin-alias/dist/rollup-plugin-alias.js添加處理路徑正則代碼。代碼以下：

if (!/js$/.test(updatedId)) {
  updatedId += '.js';
}
複製代碼

保存文件，運行npm run dev

整個vue源碼目錄及開發源碼所在路徑

整個源碼目錄以下：

在根目錄下新建index.html文件，引入dist裏面的vue.js；在瀏覽器中運行進行斷點調試。src中的代碼是各個vue功能模塊的拆分結構，dist是打包混淆以後的文件。src的目錄以下：

能夠看到src有包括編譯器、全局內置組件、全局api等等功能模塊都是各自的文件夾，查看起來比較方便

運行npm run dev報錯解決方法參考文章地：www.cnblogs.com/waihoyu/p/9…