問題タブ [source-maps]

縮小された jQuery ライブラリ ファイルには、上部に次のコメントが含まれています。

Chrome は、見つからないファイルをリクエストしています。

で始まる行の意味は何//@ですか? ソースマップにのみ使用されますか? 英数字以外の 3 文字をグーグルで検索しても、多くの結果が得られません。

Combres JS resourceSet に jQuery *.map ファイルを含めたいのですが、その方法がわかりません。Combres は、私が知る限り、JS ファイルと CSS ファイルのみをサポートしています。*.map ファイルは、これら 2 つのいずれでもありません。

*.map ファイルを追加することはできますか?

これは、基本的に、私が試したことです：

//# sourceURLFirefox 24 でコメントが機能しません。

ここにtest.htmlがあります：

そして、ここにtest.jsがあります:

これが機能する場合、Firefox デバッガーone.jsに 、two.js、およびの 3 つのファイルが表示されるはずthree.jsです。ただし、デバッガーには 1 つのファイルが表示されますtest.js。

私が見逃したものについての手がかりはありますか？

ExpressJS と connect-mongo をセッション ストレージとして使用します。「sourceMappingUrl」プロパティを持つ JavaScript ファイルを (クライアント側で) 含めると、ブラウザーはそれをダウンロードするように要求し、データベースにゾンビ セッションが作成されます。「sourceMappingUrl」プロパティを削除すると問題は解決しますが、便利ではなく、JS スクリプトを更新するたびに削除する必要があります。Express の static を介して *.map ファイルを提供する可能性はありますか? それとも、それを修正する別の方法ですか？

nodeJS スクリプトで次のコマンドを使用して、sourceMap を生成しています。

このコードはマップを作成しますが、縮小されたファイルにはマップへの参照がありません。ここで何が問題になる可能性がありますか？

Requirejs (v2.1.8) を使用して、縮小/最適化されたプロジェクトのソース マップを作成しようとしています。

ビルド ファイルに次の変数を追加することで、これを成功させることができました。

• generateSourceMaps: 真
• preserveLicenseComments: false

ただし、これにより、アプリケーションを構成する JS ファイルごとにマップとソース ファイルが作成されます。私がやろうとしているのは、Requirejs を使用してすべての JS ソース ファイルを (最適化せずに) 1 つのファイルに結合してから、この結果のファイルを最適化し、そのソース マップを作成することです。

したがって、これにより 3 つのファイルが残ります。

1. 最適化された JS (本番環境で使用するため)。
2. 人間が読める形式のすべての JS ソース ファイルを含む JS ファイル。
3. 1 と 2 を一緒にマッピングするために使用できるマッピング ファイル。

Requirejs でのソース マップのサポートは実験段階であることを理解しています。私が上で説明したことを行うようにコンパイラに指示するオプションを誰かが知っているかどうか疑問に思っていましたか?

そうでない場合、Requirejs コンパイラを使用して単一の JS ファイル (Requirejs を使用して既にビルドされているが、最適化設定が none に設定されている) を最適化する方法を知っている人はいますか?同時にソースマップも作成しますか?

//#代わりにブランチを使用するように設定するにはどうすればよい//@ですか?

私はcoffeescriptファイルをデバッグするための環境をセットアップしています。私は、オリジナルの .coffee ファイルから .js ファイルと .map の両方を、coffeescript のデフォルト コンパイラから生成する IDE、webstorm を使用しています。

したがって、最終的には 4 つのファイルがすべて同じフォルダーにあります。

main.html、aa.coffee、aa.js、aa.map。main.html に js ファイルを含めます。JS ファイルには以下が含まれます。

とてもシンプルです。main.html をロードすると、アラートが正しくポップアップ表示されます。ファイルのツリーが表示されるGoogle dev tools / sourceを開くと、htmlファイルとjsファイルが表示されます。ただし、上記のように正しく参照されていますが、.coffee ファイルを表示することは不可能です。もちろん、開発ツールの設定で sourcemap を有効にしました。いくつかのビデオ チュートリアルを参照し、コーヒー ファイルが表示されるようにすべての手順を実行しました。

他の 2 つのファイルの内容は次のとおりです。

コーヒー ：

地図：

ソース マップ プロセスが chrome 開発ツールで機能しない理由がわかりましたか?