webpack配置sourcemap

1、js高级语法转低级语法，需安装

cnpm install @babel/core @babel/preset-env babel-loader webpack-dev-server -D
module:{
        rules:[
            {
                test:/\.js$/,
                use:{
                    loader:'babel-loader',
                    options:{
                        presets:['@babel/preset-env']
                    }
                }
            }
        ]
    },

2、配置sourcemap

 //1）源码映射 会单独生成一个sourcemap文件 出错了会标识当前的列和行 大和全
	devtool:"source-map", //增加映射文件 可以帮我们调试源代码
// 2)不会产生单独的文件 但是可以显示行和列
	devtool:'eval-source-map',
//3) 不会产生列 但是是一个单独的映射文件
	devtool:'cheap-module-source-map', //产生后你可以保留起来
//4)不会产生文件 集成在打包后的文件中 不会产生列
	devtool:"cheap-module-eval-source-map",