webpack4系列第六篇（源码映射）

源码映射有四种方式：
1、sorce-map :会生成单独的map文件，代码出错时会标识行和列
2、eval-source-map: 不会生成单独的map文件，代码出错时会标识行和列
3、cheap-module-eval-source-map: 不会生成单独的map文件，集成在代码中，代码出错时会标识行不会标识列
4、cheap-module-eval-source-map: 不会生成单独的map文件，代码出错时会标识行不会标识列

module.exports = {
    ...
    // devtool: 'source-map',
    // devtool: 'eval-source-map',
    devtool: 'cheap-module-eval-source-map',
    // devtool: 'cheap-module-source-map',
    ...
}

前三种方便代码出错时进行调试，第四种不好调试也不常用。