目录:
- source map 源码地图
- webpack的source map
source map
前端发展到现阶段, 很多时候都不会直接运行源代码, 可能需要对现有源代码进行合并, 压缩, 转换等操作, 真正运行后的是转换后的代码
这就给调试带来了困难, 因为当运行发生错误时, 我们可能得不到我们想要的错误信息
在src下新建index.js
// index.js
console.log('right');
console.log(a); // a是未经声明就去输出的肯定会报错
npx webpack
然后我们新建一个test.html来引入我们打包完成的dist中的main.js
<!-- test.js -->
<!DOCTYPE html>