配置source-map

當文件中有錯誤時，且使用的模式是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'