配置使用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源码

 

posted @ 2019-04-09 14:28  AileenLi  阅读(6141)  评论(2编辑  收藏  举报