devtool: ‘source-map‘ 和 devtool: ‘#source-map‘的区别

devtool: ‘source-map’ 和 devtool: ‘#source-map’ 之间的区别主要在于前面的#字符。
从Webpack 4开始,就废弃了在devtool选项前加#的用法。

devtool: ‘source-map’ 选项意味着Webpack在构建过程中会生成独立的完整的source map文件。对于测试环境很有用,因为它可以为你提供最准确的信息来进行调试,不过它会增加构建过程的时间和输出文件的大小。

如果你是在最新的Webpack版本中工作,只需要使用没有#的格式即可。如果你的项目已存在#、在构建过程中没有警告或错误,并且source map功能表现正常,这可能是由于你使用的Webpack版本还支持带#的格式。但是,为了未来的兼容性以及遵循最佳实践,建议还是去掉#。

补充

如果你正在使用Webpack 3.10.0,推荐在配置中使用devtool: ‘#source-map’,但它同样也支持devtool: 'source-map’这种不带#的格式。
在Webpack 3.x中,带不带#的source-map都可以正常使用,都会生成完整的独立source map文件以帮助你进行调试。

相关推荐

  1. map flatMap 区别

    2024-04-05 19:28:02       39 阅读
  2. 几种Mapset区别

    2024-04-05 19:28:02       33 阅读
  3. Map、SetObject区别

    2024-04-05 19:28:02       11 阅读
  4. map与forEach区别

    2024-04-05 19:28:02       15 阅读
  5. ES6中WeakMapMap区别

    2024-04-05 19:28:02       32 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-05 19:28:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-05 19:28:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-05 19:28:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-05 19:28:02       20 阅读

热门阅读

  1. 前端和后端在软件开发中的两个重要部分

    2024-04-05 19:28:02       16 阅读
  2. 树状数组模板

    2024-04-05 19:28:02       16 阅读
  3. 自动化缺陷检测:提升产品质量的关键

    2024-04-05 19:28:02       15 阅读
  4. 谷歌(Google)技术面试概述

    2024-04-05 19:28:02       19 阅读
  5. 逻辑回归都有什么类型

    2024-04-05 19:28:02       12 阅读
  6. RKE2部署k8s集群实战

    2024-04-05 19:28:02       16 阅读
  7. docker入门

    2024-04-05 19:28:02       22 阅读
  8. QT之单例模式

    2024-04-05 19:28:02       16 阅读
  9. 软件测试用例(3)

    2024-04-05 19:28:02       18 阅读
  10. 深入理解Spring框架:设计模式的巧妙运用

    2024-04-05 19:28:02       17 阅读
  11. centOS安装git客户端

    2024-04-05 19:28:02       15 阅读
  12. 纯C++设置浮点数精度

    2024-04-05 19:28:02       17 阅读