Christian-health / StudyNote2017

2017年学习笔记
0 stars 0 forks source link

webpack 官方文档之devtool #51

Open Christian-health opened 6 years ago

Christian-health commented 6 years ago

阮老师的sourceMap的原理:

image

Christian-health commented 6 years ago

https://www.cnblogs.com/hhhyaaon/p/5657469.html 一个解释非常好的文章

devtool-good-explain

Christian-health commented 6 years ago

source-map

最原始的source-map实现方式,打包代码的同时生成一个sourcemap文件,并在打包文件的末尾添加//# souceURL,注释会告诉JS引擎原始文件位置 [打包信息] image [/dist/app.js] image

Christian-health commented 6 years ago

项目中的使用angular cli进行打包的时候在生成的dist目录下能看到相应的source-map的信息。如下: image