需求：

為了方便在線上環(huán)境對(duì)代碼進(jìn)行打斷點(diǎn)調(diào)試、debug。
我在webpack.prod.js里配置了devtool: 'cheap-module-source-map'，
這樣可以在線上環(huán)境里的sources里查看源碼，

比如這樣：（這個(gè)是開了http-server 打開的包后的dist文件夾里的html）
但是這樣不安全，
聽說(shuō)有種方法可以在線上環(huán)境的地址欄里后邊加上一段自己定義好的字符串，
才能可以在source里查看源碼并且打斷點(diǎn)調(diào)試。

我試過(guò)使用SourceMapDevToolPlugin這個(gè)插件來(lái)控制，但是無(wú)奈不太會(huì)用這個(gè)插件，也不確定這個(gè)插件能不能解決我的問(wèn)題，網(wǎng)上也沒(méi)有找到好的例子。

不知道小伙伴有沒(méi)有遇到過(guò)這種情況，還請(qǐng)悉心解答，

謝謝～～～