當文件中有錯誤時，且使用的模式是production，打包后的文件是壓縮的形式，不好定位找到錯誤的位置。而source-map就是一個映射文件，點進去看到的錯誤是源碼，而不是壓縮后的格式，方便調試。
源碼映射：會單獨生成一個sourcemap文件，出錯了會標識當前報錯的列和行，主要有四種形式，需要在配置文件webpack.config.js中添加配置：
//1.增加映射文件，可以幫我們調試源代碼 devtool:'source-map'
打包后的目錄dist下會增加一個新的映射文件
映射成功
//2.不會產生單獨的文件，但是可以顯示行和列 devtool: 'eval-source-map'
//3.不會產生列，但是是一個單獨的映射文件，產生后可以保留起來，便於調試 devtool: 'cheap-module-source-map' //用的不是很多
//不會產生文件，而是集成在打包后的文件中，不會產生列 devtool:'cheap-module-eval-source-map'