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文件以帮助你进行调试。