javascriptソースマップ：デバッグプロダクション用のjavascriptにのみローカルのマップファイルを保存

Question

プロダクションウェブサイトをデバッグしたいのですが、私はサーバー上にマップファイルをアップロードしたくありません。 。

可能ですか？

Answer 1

現在のところ、ソースマップをローカルファイルから読み込むことを許可しているブラウザはありません。そのため、ソースマップを何とかオンラインにする必要があります。

ローカルネットワーク以外のクライアントにソースマップ（および元のソースファイル）へのアクセスを制限する.htaccessファイル（またはApacheを使用していない場合は同様のもの）を作成する方法もあります。

セキュリティ上の理由からソースマップへのアクセスを防止したい場合、達成するのはすべて誤った安全感です。 Javascriptは公開されており、暗号化されて暗号化されていても、暗号化を解除するのはかなり簡単です。 はありませんあなたのJavaScriptの任意の機密データを入れてください。たとえあなたがそれを縮小して暗号化したとしても。

Answer 2

あなた

Multi-level Source Mapsのために役に立つかもしれません後 - CSS忍者

リンクは、入力ソースマップを指定することが可能なUglifyJS2を使用して説明しています。しかし、私は地元の入力ソースも

でテストしていません、あなたはローカル上のファイルをホスティングしてlocalhostにlocal.mydomain.comのようなものを指すようにhostsファイルを変更してみてください。そして、ソースルートとしてlocal.mydomain.com/js/my-orig-js-file.jsを指定してください。

Answer 3

マップファイルと縮小されたjをサーバーにアップロードし、元のjsファイルをローカルに保持する方法もあります。次に、マップファイルを次のように変更します。

{ 
    "version":3, 
    "sources":["http://localhost/library.js"], 
    "names":["example","console","log"], 
    "mappings":"AAAA,QAASA,YACRC,QAAQC,IAAI","file":"script.min.js" 
}