【webpack】中的devtool的使用方法


我们的代码通常是经过es6转换成es5,所有报错的时候是es5代码所在的位置,行号是不对的,那么这样就不合理了,通过devtoll来设置

 

在开发环境中使用(不要在线上使用这个呀,会暴露你源代码的)

devtool: 'source-map'

显示的是原始源代码

 

在线上环境使用

devtool: 'cheap-source-map'

显示转换过的代码

 

上面两个选项都会生成单独的映射文件.map

 

如果不想这样配置,参考这里:https://www.webpackjs.com/configuration/devtool/

 

我们一般是这样配置的

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM