源碼映射有四種方式：
1、sorce-map :會(huì)生成單獨(dú)的map文件，代碼出錯(cuò)時(shí)會(huì)標(biāo)識(shí)行和列
2、eval-source-map: 不會(huì)生成單獨(dú)的map文件，代碼出錯(cuò)時(shí)會(huì)標(biāo)識(shí)行和列
3、cheap-module-eval-source-map: 不會(huì)生成單獨(dú)的map文件，集成在代碼中，代碼出錯(cuò)時(shí)會(huì)標(biāo)識(shí)行不會(huì)標(biāo)識(shí)列
4、cheap-module-eval-source-map: 不會(huì)生成單獨(dú)的map文件，代碼出錯(cuò)時(shí)會(huì)標(biāo)識(shí)行不會(huì)標(biāo)識(shí)列

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

前三種方便代碼出錯(cuò)時(shí)進(jìn)行調(diào)試，第四種不好調(diào)試也不常用。