問題タブ [gulp-sourcemaps]

タスクは次のとおりです。

基本的に、これは時々間違ってマップするソースマップを生成しています。私がテストする方法は、クロムにロードし、開発ツールを開き、ブレークポイントを追加しようとすることです. 次に例を示します。

ソース：

構築:

両者はほぼ同じであることがわかります。それでも、行にブレークポイントを配置できません。

(ブレークポイントをソースまたはビルド ファイルに配置する) と、その下の行にリダイレクトされます ( function phoneNumberFilter(number) {)。

これらの奇妙なリダイレクトは、ほぼすべてのファイルに表示され続け、韻や理由を見つけることができないようです. 時々、スコープ関数の最後に行をリダイレクトすることがあります... idk。

前もって感謝します。

gulp-usemin は css ソースマップ リンク タグを生成して出力 html に追加していますが、js に対しては行っていません。sourcemap タグを追加しないようにするにはどうすればよいですか?

一気飲みタスク:

ソース HTML:

そして、これが結果出力です。追加の sourcemap css link タグに注意してください。ただし、JS マップ用のそれぞれの sourcemap スクリプト タグはありません。css の sourcemap タグの挿入を停止するにはどうすればよいですか??

縮小された CSS ファイルのソースマップを Chrome で動作させることができないようです。ここに私のgulpfile.jsがあります：

これを実行すると、ソースマップが作成されます (元のソースを参照します{...,"sources":["main.c.src.css"],...)。ただし、縮小された CSS ファイル (main.c.min.css) を参照する HTML ページを Chrome で開くと、元のソース ファイル (main.c.src.css) の行番号が表示されません。

どうすればこれを修正できますか?

私はgulp-typescriptandgulp-sourcemapsを使用して TypeScript をソースマップでコンパイルしています。.jsソース マップ ファイルとソース マップ ファイルの両方を、元のファイルと同じディレクトリに出力したいと考えてい.tsます。

ファイルを使用してtsconfig.jsonTypeScript を構成し、typingsTypeScript 定義ファイルを管理するために使用しています。私自身のコードはすべてjsディレクトリにあります。これが私のプロジェクト構造です：

今、私はディレクトリapp.jsに表示されたいと思います. さらに、Chrome でデバッグするときは、[ソース] タブで同じフォルダー構造を維持したいと考えています。jssomeScript.jsjs/subdir

このために、次の gulp タスクを構成しました。

.jsこれにより、正しいディレクトリにファイルが効果的に出力されます。ただし、これを Chrome で実行して開発ツールを開くと、.tsファイルはルートの下の「ソース」ディレクトリに配置されます。これは、ソース マップ ファイルに不適切なルートが含まれていることを意味します。

.tsファイルと.js同じ場所にあるファイルを表示するには、何を変更する必要がありますか?

注: この質問は、 を使用したいため、またはそのプロパティを使用できないことを除いて、この質問と似ています。tsconfig.jsongulp.srcbase

gulp-sourcemaps で gulp-less コンパイラを使用してソース マップ ファイルを書き込みます。

私のchrome devツールでは機能しません.lessの内容を見ることができません。cssファイルのみ。

それは私のgulpファイルです：

私は gulp sass と gulp sourcemaps を取得して、自分がやりたいことを正確に実行しようとしてきましたが、難しいと感じています。sass エントリ ファイル (src/sass/index.scss) を取得し、出力ファイル (dist/css/index.css) とそのインデックス ファイル (dist/css/index.css.map) の別のソースマップを生成したいこれには、プロジェクト ベース (絶対パス: /home/damon/projects/test) に設定された sourceRoot と、そのパスに関連する sourcemap エントリがあります。

これが私が試したことです：

試行 1: gulp-sass からの直接的なコード例:

結果: これにより、ソースマップが CSS ファイルにインライン化されるため、それが正しいかどうかわかりません。

試行 2: 別のファイルに書き込む

結果: 別のソースマップを書き込みますが、sourceRoot には '/sources/' と表示され (WTF は?!、それは存在せず、構成したこともありません)、パスはすべて、プロジェクト ベースではなく、sass エントリ ファイルからの相対パスです。これは、ブラウザがソース ファイルを見つけようとするときにも意味がありません。

試行 3: sourceroot の修正を試みます (また、includeContent: false が見つかりました)

結果: sourceroot は私の作業フォルダーになりました。コンテンツは含まれていませんが、sourcemap 内のファイルはまだ sourceRoot ではなく sass エントリ ファイルに関連しているため、マップはまだ役に立ちません。

試行 4: gulp.src ベースを設定する

結果: 腹立たしいことに、ベースを gulp.src に設定するとソースマップが修正されます - sourceRoot は依然として正しく、ソース ファイルのパスは sourceRoot に相対的ですが、dist/css/src/sass/index.css に出力されるようになりましたが、これは間違っています。なんてこった！

試行 5: 絶対パスを使用する

結果: 変更はありません。dist の同じ深い構造に出力されます。

誰かがこれを行う方法について私を啓発することができれば、私は永遠に感謝します.