1.设置source-map的作用
为了在开发环境下方便vue代码编译,故需要在vue.config.js中设置相应的Devtool选项。具体配置项可参考:webpack官网。此处为了能在sources中看到源码,故设置为source-map。
2.Chrome中无法显示webpack://
设置后,在其它浏览器中都可以找到webpack://选项。而chrome中却无法显示,且源码均被打包到app.js中。
此时,需要修改
将其打钩后,就可正常显示。
为了在开发环境下方便vue代码编译,故需要在vue.config.js中设置相应的Devtool选项。具体配置项可参考:webpack官网。此处为了能在sources中看到源码,故设置为source-map。
设置后,在其它浏览器中都可以找到webpack://选项。而chrome中却无法显示,且源码均被打包到app.js中。
此时,需要修改
将其打钩后,就可正常显示。