详细解释打包后如何调试webpack

webpack.config.js

在配置devtool时，webpack为我们提供了四个选项

Source-map:在一个文件中生成一个完整且功能齐全的文件。这个文件有最好的源图，但是会减慢打包速度；廉价-模块-源码-map:在单个文件中生成没有列映射的映射，提高了打包速度，但也使得浏览器开发者工具只对应特定的行，不对应特定的列(符号)，会给调试带来不便。Eval-source-map:使用Eval来打包源文件模块，并在同一文件中生成一个干净完整的sourcemap版本。但是，在打包的JS文件的执行中存在潜在的性能和安全风险。这在开发阶段是一个非常好的选择，但是在生产阶段不能打开。这是打包文件时生成源代码图的最快方法。生成的源映射将与打包的JavaScript文件显示在同一行，并且没有映射列，这与eval-source-map选项有相似的缺点。配置开发环境

module . exports={ devtool : ' source-map '，entry: ' '，output: { }.}

不要配置开发环境

没有网络包选项

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。