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