本文详解webpack中devtool参数的作用,特别是'#eval-source-map'配置如何生成Source Map文件。通过自动映射打包后的JS/CSS报错到源代码,解决调试困难问题,并提供CSS相关配置示例,帮助开发者优化前端调试体验。
webpack Source Map配置与调试
形如以下的map文件

该文件由webpack自动创建
配置参数如下:
devtool: '#eval-source-map',//映射js到原文件
因打包后的js调试不便,故启用此配置以自动将错误映射回原文件
该功能十分实用
CSS配置方式相同
{
test: /\.css$/,
loader: 'style-loader!css-loader?sourceMap'
}
上述webpack打包js后生成map文件的详解为小编分享的全部内容,旨在提供参考,恳请支持本站。