webpack 配置生成 sourceMap 方便调试

深碍√TFBOYSˉ_ 2022-11-21 11:23 143阅读 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 条评论，143人围观）

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

相关阅读

相关 vscode中断点调试nodejs实用方便

前言在平时前端开发时，前端代码在浏览器上能很方便的断点调试，那么如果要调试node后端接口的话，该如何实现断点调试呢？配置 1. vscode打开node项

拼搏现实的明天。/ 2023年01月15日 11:22/ 0 赞/ 165 阅读

相关 webpack 调试 npm 包

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

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

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

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

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

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

由于前几篇文章是用vue-cli直接分析的，今天我们学习直接调试vue源码。安装vue（mac机) 1.在GitHub上克隆官方的vue-[地址][Link 1]

灰太狼/ 2022年10月01日 12:59/ 0 赞/ 314 阅读

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

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

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

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

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

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

相关详解Webpack中的sourcemap

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

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

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

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

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

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

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

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

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

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

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