問題タブ [gulp-sourcemaps]

typescript/browserify を使用して VSCode でクロムにブレークポイントを設定する際に問題が発生しています。

Chrome を単独で実行し、ページを更新すると、ソース マップが正しく読み込まれ、組み込みの Chrome デバッガーが .ts ファイルを正常に処理できます。

ただし、VSCode クロム デバッガー拡張機能を使用して chrome を起動しようとすると、ブレークポイントを設定できず、ソース マップ ファイルが読み込まれません。

ただし、browserify を使用していない場合、ソース マップは正常に読み込まれ、ブレークポイントが機能するようです。

Chrome をスタンドアロンで実行しているときに、ソース マップされたファイルを表示するために更新する必要がある理由がわかりません。

とにかく、添付されているのは私のgulpファイルです：

そして、VSCode デバッガー コンソールの結果:

マップ ファイルが間違ったファイルを指しているようです。代わりに、たとえばdemo.cssを指します。example.css

私は何か間違ったことをしていると思いますか？

これは、CSS の縮小と連結のために私の css タスクがどのように定義されているかの例です。

こんにちは、次のgulpfile.jsがあります。

I am able to build my project with this however I keep getting a weird output, for my bower.js file the total size after build is 12,836 KB. I did not understand this because I noticed my browser seems to use up a lot of memory whenever I run the app, so I decided to calculate the total size of all the files that had been concatenated in my bower.js file and what I had at the end was 3,574 KB.

Right now I am wondering what is going on, are some hidden files being included during the build process, is there a way for me to display an output of all files that were joined together and uglified and the size of each file in gulp?

Is it possible that one of my JS files is loading external scripts? The total size of my bower_components folder is 25.3 MB (29.8 MB on disk).

「gulp」だけを実行すると、ファイル サイズは 9,225 KB と小さくなりますが、「gulp --type production」を実行してスクリプトを醜くすると、代わりにファイル サイズが 12,836 KB に増加します。

unminify と minify の 2 つの CSS ファイルを生成するストリームがあります。ソースファイルは縮小版にしか書き込めません。

ご協力いただきありがとうございます...

編集

私が書いた場合

*.min.cssファイルではなくSoure マップを取得し*.cssます。
しかし、私が使用する場合

次のエラーが表示されます。

app.scss〜100個の他のScssファイルをインポートする単一のファイルがあります。これはapp.css、gulp タスクでコンパイルされます。 app.css4095 を超えるセレクターが含まれているためgulp-bless、複数のファイルに分割するために使用します。

これは、sourcemapを除いてすべて機能します。

のGitHubページにgulp-blessは、「これはgulp-sourcemapsで使用できます」と記載されていますが、ドキュメントや追加の詳細はまったくありません。

以下は、プロセス全体をフリーズさせます。

bless の前に配置するsourcemaps.write()と、結果のファイルからソースマップが完全に削除されます。

ソースマップを gulp-bless でうまく使った人はいますか?

sass ソースマップを実装しようとしていますが、何らかの理由でサブ フォルダーに対してうまく機能していないようです。たとえば、以下はコンパイルされる main.scss ファイルです。

変更は (BrowserSync を使用して) 表示され、問題なくコンパイルされます。ただし、開発ツールでコードを検査しています。最後のインポートを参照していないようで、代わりに「test3」を参照しています。スクリーンショットを見るDev Tools スクリーンショット

sass ファイル 'sub/test4' にはボディのサーモン カラーが含まれていますが、ソース マップはこれがファイル 'test3' に含まれていることを示しています。

私が使用しているスタイルタスクについては、以下を参照してください。

さまざまなことを試してみましたが、何も機能していないようです。どんな助けでも大歓迎です！

使用する gulp ファイルがあり、標準の非圧縮 .cssファイルと圧縮 .cssファイルを作成するプロセスが含まれています。以前は、生成されたばかりの非圧縮バージョンを縮小するだけで圧縮バージョンを生成していましたが、実際にはファイルが機能しないため.css、ファイルではなく非圧縮ファイルを指すマッピングで問題が発生しました。.scss.scss

そのため、両方のプロセスがファイルを使用するように変更しました.scssが、それぞれのファイルを構築できるように両方が同じプロセスを経る必要があるため、これは非常に非効率的です。

my の関連部分は次のgulpfile.jsとおりです。

非圧縮バージョンと圧縮バージョンの両方に正しいマッピング ファイルを作成できる、より効率的な方法はありますか?

私はgulpが初めてで、おそらくかなり一般的なシナリオである問題に遭遇しました。私がやろうとしているのは、typescript を javascript にコンパイルし、そのソースマップを作成してから、uglify を実行することです。ugliyfied と unuglified js のソースマップが欲しいです。

私が達成しようとしているのは、次のファイル構造です。

これは私の一気の仕事です：

ご覧のとおり、2 つの異なるファイルを取得するために sourcemaps.write() を 2 回実行しています。これは私にエラーを与えます

sourcemap.write() 呼び出しの最初の呼び出しを省略すると、ファイルの縮小バージョンの正しいソースマップが生成されます。

これを修正する方法はありますか？

編集:これは、gulp.dest() への複数の呼び出しで複数のソースマップを記述する必要があるため、gulp: uglify と sourcemapsの正確な複製ではありません

React-native のインストール中にエラーが発生しました。回答を検索しようとしましたが、見つかりません。

「react-native init meet」を実行すると、次のエラーが発生します。

何がいけないのかさっぱりわかりません…