鍍金池/ 問答/C#  網(wǎng)絡(luò)安全  HTML/ 配置webpack,打包后生產(chǎn)環(huán)境的source-map可不可以加密解密的方式控

配置webpack,打包后生產(chǎn)環(huán)境的source-map可不可以加密解密的方式控制源碼在控制臺Sources里的顯示?

需求:

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

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

我試過使用SourceMapDevToolPlugin這個插件來控制,但是無奈不太會用這個插件,也不確定這個插件能不能解決我的問題,網(wǎng)上也沒有找到好的例子。

不知道小伙伴有沒有遇到過這種情況,還請悉心解答,

謝謝~~~

回答
編輯回答
厭惡我

打包成兩份,一份帶sourcemap,另一份不帶
你那加一段自己定義好的字符串的方式就是去請求帶sourcemap的,否則用不帶的

2018年4月15日 04:19