Vue系列---源码调试(二)
2024-08-29 19:15:36
我们要对Vue源码进行分析,首先我们需要能够对vue源码进行调式(这里的源码调式是ES6版本的,不是打包后的代码),因此首先我们要去官方github上克隆一份vue项目下来,如下具体操作:
1. clone vue项目
git clone https://github.com/vuejs/vue.git
2. 下载依赖包
npm install
下载完后包,我们把视线转移到package.json文件中的scripts来,如下打包命令:
"scripts": {
"dev": "rollup -w -c scripts/config.js --environment TARGET:web-full-dev"
},
这边我们最关注的是 "dev" 这个打包命令,它是使用rollup进行打包的,我们只需要在命令后面加入 --sourcemap 即可,比如如下
"dev": "rollup -w -c scripts/config.js --environment TARGET:web-full-dev --sourcemap",
那么这样的话,当我们执行命令 npm run dev 打包时,会在我们的 dist 文件夹下 生成 vue.js.map 文件。
然后我们把视线转移到项目中的 examples/commit/index.html 来,把页面引入的 <script src="../../dist/vue.min.js"></script> 改成 <script src="../../dist/vue.js"></script> 即可,这样当我们继续 执行命令 npm run dev 后,然后我们在本地打开该页面,我们就会看到如下源码了,如下所示:
这样我们就可以对源码进行调试了。
最新文章
- Gson的使用
- ecshop 快速添加会员
- 用Python套接字创建HTTP客户与服务器程序
- golang的连接池例子
- 在Tomcat中配置基于springside的项目
- MySQL授权命令grant的使用方法
- zabbix系列之九——添加钉钉告警
- Mybatis动态SQL简单了解 Mybatis简介(四)
- 预装win8的笔记本用第三方分区软件分区后出现0x0000225错误的解决方法/同理win7
- Codeforces Round #518 (Div. 2) B LCM
- java生产环境增量发版陷阱【原】
- Linux最大线程数限制及当前线程数查询
- Google C++ 编码规范
- oozie 安装过程详解
- 关闭R语言载入包时候的警告
- python3爬虫-知乎登陆
- git 设置 代理服务器
- srand()、rand()、time()函数的用法
- java---StringBuilder类的用法(转载)
- 转【es中数据节点和主机】