本节知识点
- 打包后如何测试
- Source Maps
调试
- 在使用webpack的时候只需要简单的devtool配置,webpack就可以自动给我们生产出source maps
.map是一种对应编译文件和源文件的方法。
使用
- 在webpack.config.js加入
devtool:"eval-source-map"
有2种调试方式:第一种 source-map 大型项目。自己会出来一个sourcemap的文件 eval-source-map中小型。封装到入口文件里。source-map 有行有列 eval只有行没有列
错误信息在浏览器里看的到
- 具体举例
module.exports = {
//调试文件
devtool:"eval-source-map",
//下面就不用写了。我就是告诉写的位置。
//入口配置项
entry:{
entry:"./src/enter.js"
},
}
特别注意的就是上线前。必须要重新打包和删除调试工具。切记切记。
平时使用的时候eval-source-map 足够了