VUE项目开发,使用开发者工具查看源文件
如何在浏览器看到.vue文件的源文件问题描述:今天在开发的时候,想要通过断点的方式看一下代码究竟是咋运行的,打开Chrome浏览器,F12,在开发者工具中选择Soruces,Ctrl + P进行文件查找,找到之后,发现明显不是源文件,调试困难。解决办法:在vue.config.js目录中添加如下内容:configureWebpack: {devtool: 'source-map'},可以看到,已经
·
如何在浏览器看到.vue文件的源文件
问题描述:
今天在开发的时候,想要通过断点的方式看一下代码究竟是咋运行的,打开Chrome浏览器,F12,在开发者工具中选择Soruces,Ctrl + P进行文件查找,找到之后,发现明显不是源文件,调试困难。
解决办法:
在vue.config.js目录中添加如下内容:
configureWebpack: {
devtool: 'source-map'
},
可以看到,已经是能够方便调试的源文件了。
更多详情可以查看阮一峰老师对 devtool: 'source-map’的讲解:轻松通过两个实例来理解 devtool: ‘source-map’ 是什么意思
更多推荐
已为社区贡献5条内容
所有评论(0)