webpack代码调试

Source Map调试

 将生成以后的代码和以前的代码做一映射，方便与调试。

开启Source Map方式有两种：

  Devtool 可以给webpack指定不同的Source Map
  webpack.SourcrMapDevToolPlugin
  webpack.EvalSoyrceMapDevToolPlugin更加灵活

Devtool有7个值

Development(开发环境)有四个值

 eval
 eval-source-map
 cheap-eval-source-map
 cheap-module-eval-source-map 

Production(生产环境)

 source-map
 hidden-source-map
 nosource-source-map


 css-loader.option.sourcemap
 less-loader.option.sourcemap
 sass-loader.option.sourcemap

使用：

module.export = {
//devtool:'eval'
//devtool:'chean-module-source-map'清楚的看到线上代码哪里出了问题
}