vue源码调试

352 阅读1分钟

启动报错

环境说明

win10系统、vscode、vue2.5.0源代码

问题想象

image.png

问题原因

原因是rollup-plugin-alias对win系统支持不友好

解决方式

下载 此版本的 rollup-plugin-alias  并进行覆盖原文件(地址:\vue源码\vue\node_modules\rollup-plugin-alias)。

下载地址: github.com/ideayuye/ro…

  • 进入目录rollup-plugin-alias
  • 执行命令
npm install
npm run build
  • 重新切回vue目录,执行npm run dev
  • 调试方便,配置sourcemap 修改package.json

"dev": "rollup -w -c scripts/config.js --environment TARGET:web-full-dev --sourcemap" 重新运行后,可看到dist目录下生成了vue.js文件。

这样我们在调试源码做测试的时候就可以在浏览器中看到源码了。

开始调试

在/examples下面的任意一个问价下面可以调试,eg:/examples/commits

在源码里面加debugger,运行,修改文件下面的index.html,引入打包出来的文件

<script src="../../dist/vue.js"></script>

参考文献:blog.csdn.net/web_zhoulia…

文章仅仅为了让更多人的避坑,内容也是参考的上面的文章,亲测有效