JSのデバッグ環境は、生産上の問題を解決することはできません

デモ：https://github.com/chenchunyong/source-map-demo.git

背景

フロントエンドの開発、開発環境と本番環境は、多くの場合、一貫性のないコード、ビルド・ツールによって組み込まコードの生産、混乱、圧縮動作。しかし、jsのコードの可読性が悪い生成するツールを構築することにより、メンテナンス、トラブルシューティングに助長されていません。

ソリューション

まず、次のように2つの生産ツールを構築することにより、JSファイルを生成します。

• このようbundle.jsなど、すべてのユーザーのJS、に見えます
• JS特定のユーザーとの問題のトラブルシューティングには、これは例のbundle.debug.jsのために、ファイルがsourcemap参照を追加しますJS

次いで、ユーザ入力されたURL sourcemapパラメータに従ってsourcemapデバッグを開始するかどうかを決定するために含まれています。たとえば、あなたが含まれている場合sourcemapパラメータはbundle.debug.jsを導入している、またはbundle.jsの導入。

使用

1. クローン

   1	gitのクローンhttps://github.com/chenchunyong/source-map-demo.git

2. ソースマップ・デモ・ディレクトリに、インストール

   1

   NPMインストール

3. 包装のjsファイル

   1	NPMの実行バンドル

4. スタート

   1

   標高開始

入力します。httpを：// localhostを：3000かのhttp：// localhostの:? 3000 sourcemap = trueを鑑賞。

コントラストの効果

1. 入力します。httpを：// localhostを：3000
   

2. 入力します。http：// localhostの:? 3000 sourcemapを =真
   

オリジナル：大列  生産上の問題を解決するには、環境のjsをデバッグすることはできません