16打包后的代码调试

打包后代码调试

在配置devtool时，webpack给我们提供了四种选项：
1. source-map 独立 map 行 列
2. cheap-module-source-map 独立 行 不包括列
3. eval-source-map eval js 开发阶段 上线 行 列
4. cheap-module-eval-source-map 列

注意：如果大型项目可以使用source-map，如果是中小型项目使用eval-source-map就完全可以应对，需要强调说明的是，source map只适用于开发阶段，上线前记得修改这些调试设置。

webpack.config.js简单的配置：

module.exports = {
  devtool: 'eval-source-map',
  entry:  __dirname + "/app/main.js",
  output: {
    path: __dirname + "/public",
    filename: "bundle.js"
  }
}

devtool: 'eval-source-map',直接把该行代码写到最上面即可

• 删除dist文件夹，webpack重新打包

总结：调试在开发中也是必不可少的，但是一定要记得在上线前一定要修改webpack配置，在打出上线包