在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ ant-design-pro如何使用瀏覽器斷點源碼呢

ant-design-pro如何使用瀏覽器斷點源碼呢

我在瀏覽器使用 debugger 的時候
在開發(fā)者工具的sources 一欄中看到的代碼是經(jīng)過編譯后的,完全看不到,為什么會變成這樣呢,我該如何改進(jìn),才能看到源碼調(diào)試呢
因為之前開發(fā) react-native 的時候,在瀏覽器調(diào)試是和編譯器中的代碼是一樣的,我想知道的,是什么插件產(chǎn)生這樣的差異

編輯器中的源碼
clipboard.png

瀏覽器中看到的代碼
clipboard.png

我在.webpackrc文件中添加了 "devtool": "source-map",還是沒有一一映射到源碼
如下圖
clipboard.png

我是用ant-design-pro-cli創(chuàng)建的腳手架,安裝這個文檔里面的創(chuàng)建的項目
https://pro.ant.design/docs/g...


更新
雖然按道理設(shè)置 webpack 生成 source map 是有用的,但是是因為 antd pro 應(yīng)用的roadhog 版本有問題,所以不能正確映射
https://github.com/sorrycc/ro...

回答
編輯回答
尋仙

webpack開啟sourcemap

2017年2月3日 03:46
編輯回答
情殺

clipboard.png
這個?在webpack文件夾下

2017年12月12日 14:00