配置使用sourcemap调试vue源码爬坑


环境:

Google Chrome  V72.0.3626.109

vue-dev V 2.6.10

1. 在vue-dev的package.json文件如下位置加 --sourcemap, 用于生成.map文件

 "scripts": {
    "dev": "rollup -w -c scripts/config.js --environment TARGET:web-full-dev --sourcemap",

2. 执行npm run dev, 这一步 将在dist目录下生成vue.js和vue.js.map两个文件

3. 将dist目录和src目录拷贝到引用vue.js的网页的位置, 比如下例中index.html即是要访问的文件(如果index.html访问的是vue.min.js,记得改为vue.js)

4. 为该目录设置网站环境,设置完之后通过网址访问index.html, 如 : http://localhost/vue/commits/index.html  

5. 压F12,打开调试工具,发现src文件夹,即可调试vue-dev源码

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM