webpack 配置生成 sourceMap 方便调试

深碍√TFBOYSˉ_ 2022-11-21 11:23 158阅读 0赞

// 启用 sourceMap
    devtool: "source-map",
    optimization: { 
        minimize: false
    },

但是这两个配置项配置的位置(层级)在什么地方呢？

module.exports = { 
    	entry: xxx,
    	output: xxx,
    	
    	// 与 entry, output 同级的配置项
    	devtool: "source-map",
    	optimization: { 
    	    minimize: false
    	},
    }

推荐：只在**开发环境**启用。  
一来减少机器的工作量(性能更好)，  
二来减少系统内部实现细节对外部的直接展示(防止有人偷看我们的源码，然后做一些奇怪的事)。

## Links ##

*  [https://www.webpackjs.com/configuration/devtool/][https_www.webpackjs.com_configuration_devtool]
 *  [https://webpack.js.org/configuration/optimization/\#optimizationminimize][https_webpack.js.org_configuration_optimization_optimizationminimize]

## 相关问题 ##

*  [webpack 生产环境下禁用日志 console.log][webpack _ console.log]

[https_www.webpackjs.com_configuration_devtool]: https://www.webpackjs.com/configuration/devtool/
[https_webpack.js.org_configuration_optimization_optimizationminimize]: https://webpack.js.org/configuration/optimization/#optimizationminimize
[webpack _ console.log]: https://wuyujin.blog.csdn.net/article/details/111715376

发表评论取消回复

表情：

评论列表（有 0 条评论，158人围观）

还没有评论，来说两句吧...

相关阅读

相关 webpack + vue 打包生成公共配置文件（域名）方便动态修改

需求: 原来的项目中域名是打包到项目里面的，打包后不能动态配置，只能通过不同的指令打包来切换域名，每天都在测试域名和正式域名来回摩擦，后台大佬说你们可以生成一个配置文件这

旧城等待，/ 2023年07月25日 14:12/ 0 赞/ 41 阅读

相关 webpack 源代码调试

在线上环境中，由于项目代码都被打包到了一个文件中，难以调试和定位。此时可以通过source map来实现项目代码的定位和调试。一般开发环境中默认source map打开，但

Bertha 。/ 2023年06月25日 13:30/ 0 赞/ 17 阅读

相关 webpack 调试 npm 包

如下，一般npm包的目录结构 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM

桃扇骨/ 2022年12月01日 14:09/ 0 赞/ 146 阅读

相关 webpack 配置生成 sourceMap 方便调试

// 启用 sourceMap devtool: "source-map", optimization: { minimize: fa

深碍√TFBOYSˉ_/ 2022年11月21日 11:23/ 0 赞/ 159 阅读

相关 webpack sourcemap 选项多种模式的一些解释

有人说 Webpack 难用，原因是 sourcemap 有 7 种，本文就尝试解释下这些选项都是什么意思，不仅如此，本文还会分析如何用最好的姿势使用这些配置。先一项一项

淩亂°似流年/ 2022年07月28日 00:06/ 0 赞/ 211 阅读

相关 webpack4.x 配置调试、babel配置编译ESnext、JSX

调试 webpack4.x 开启调试 --mode development webpack3.x之前在webpack.config.js中添加

小灰灰/ 2022年05月28日 14:09/ 0 赞/ 310 阅读

相关详解Webpack中的sourcemap

小编推荐：[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公司都

妖狐艹你老母/ 2022年05月19日 00:52/ 0 赞/ 313 阅读

相关 webpack——devtool配置及sourceMap的选择

> [官方手册传送门][Link 1] 官方对devtool配置的定义很简单：选择一种 [source map][] 格式来增强调试过程，不同的值会明显影响到构建build和

痛定思痛。/ 2022年03月01日 19:18/ 0 赞/ 320 阅读

相关 Webpack_（第三章）_SourceMap的配置

SourceMap的配置什么是SourceMap？在webpack.config.js，在开发者模式`mode: "development"`下，默认SourceM

淡淡的烟草味﹌/ 2021年12月11日 14:34/ 0 赞/ 671 阅读

相关 vue源码分析系列:用sourcemap调试源码

参考连接 https://blog.csdn.net/a419419/article/details/91493026 关键操作需在package.json 中的s

骑猪看日落/ 2021年11月27日 03:54/ 0 赞/ 359 阅读