配置webpack，打包后生产环境的source-map可不可以加密解密的方式控制源码在控制台Sources里的显示？

Question

需求：

为了方便在线上环境对代码进行打断点调试、debug。
我在webpack.prod.js里配置了devtool: 'cheap-module-source-map'，
这样可以在线上环境里的sources里查看源码，

比如这样：（这个是开了http-server 打开的包后的dist文件夹里的html）
但是这样不安全，
听说有种方法可以在线上环境的地址栏里后边加上一段自己定义好的字符串，
才能可以在source里查看源码并且打断点调试。

我试过使用SourceMapDevToolPlugin这个插件来控制，但是无奈不太会用这个插件，也不确定这个插件能不能解决我的问题，网上也没有找到好的例子。

不知道小伙伴有没有遇到过这种情况，还请悉心解答，

谢谢～～～

Answer 1

打包成两份，一份带sourcemap，另一份不带
你那加一段自己定义好的字符串的方式就是去请求带sourcemap的，否则用不带的