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