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

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