webpack高级配置SourceMap ，HMR提升打包构建速度 Oneof ：提升打包速度include/Exclude:排除编译 Cache 对Eslint 检查 和Babel 编译结果进行缓存

1.SourceMap 源代码映射

source Map 就是一个信息文件，里面存储了代码打包转换后的位置信息，实质是一个 json 描述文件，维护了打包前后的代码映射关系

在webpack项目中，有时候打包运行后会出现错误，在浏览器开发者工具却无法准确定位到源代码出错的地方，只有打包代码出错的地方。这个时候可以使用sourceMap工具来做映射，找出源代码出错的地方，SourceMap 的主要作用是为了方便调试

开发模式:cheap-moudle-source-map    浏览器上可以看到出错的行

优点：打包便利速度快，只包含行映射

缺点：没有列映射

配置：

module.exports={
...
mode:"development",
devtool:"cheap-module-source-map",
}

生产模式：source-map       浏览器上可以看到出错的 行/列

优点：包含行/列映射

缺点：打包编译速度更慢

module.exports={
...
mode:"production",
devtool:"source-map"
}

提升打包构建速度  HotModuleReplacement (HMR)