0

0

0

修罗

站点介绍

只有了解事实才能获得真正的自由

vue3源码调试

修罗 2021-12-25 1505 0条评论 vue3

首页 / 正文

一. 下载源码

git clone https://github.com/vuejs/vue-next.git

二. 安装依赖

  • 下载好后安装

1640445408202.png

npm i yarn都会安装失败:

This repository requires using pnpm as the package manager for scripts to work properly.

  • 需要先安装pnpm再执行pnpm install
# 这里采用局部安装,也可以全局安装
npm i pnpm
npx pnpm i

1640407759221.png

三. 打包源码

添加--sourcemap,打包后生成映射文件,方便调试。

1640445773712.png

执行打包命令,rollup开始打包

npm run dev

1640445908695.png

bundles D:\source\vue-next\packages\vue\src\index.ts → packages\vue\dist\vue.global.js.即从index.ts开始打包,打包成vue.global.js文件。

四. 调试代码

新建html文件,引入打包后的vue.global.js文件,然后在浏览器打开

1640446422056.png

添加断点,开始调试

1640446531382.png

评论(0)


最新评论

  • 1

    1

  • 1

    1

  • -1' OR 2+158-158-1=0+0+0+1 or 'TKCTZnRa'='

    1

  • 1

    1

  • 1

    1

  • 1

    1

  • 1

    1

  • @@5Qa2D

    1

  • 1

    1

  • 1

    1

日历

2025年09月

 123456
78910111213
14151617181920
21222324252627
282930    

文章目录

推荐关键字: Linux webpack js 算法 MongoDB laravel JAVA jquery javase redis