問題タブ [gulp-sourcemaps]

sass を使用して、ファイルに出力されるソース マップを生成しています。次に、PostCSS を使用して別の CSS ファイルのソースマップを生成します。このソースマップ ノード モジュールで applySourceMap を使用して両方のソースマップを連結しようとしていますが、うまくいきますhttps://github.com/mozilla/source-map/blob/master/lib/source-map/source-map-generator.js

2 つのソース マップ ファイルを簡単に連結する方法を知っている人はいますか?

パッケージgulp-lessとgulp-sourcemaps. 私の less ファイルは の下にありますが、生成されたソースマップは(プレフィックスのように見える場所) をStyles/main.less指しています。ソースマップが正しく指すように、これを修正するにはどうすればよいですか?source/main.lesssource/source/Styles/main.less

私のgulpタスクはかなり単純です：

typescripts ファイルのインライン ソースマップを生成するために gulp-sourcemaps を使用していますが、ソースマップには個々の .ts ファイルと連結された .js ファイルのソースがあることに気付きました。これにより、ファイルのサイズが 2 倍以上になります。私は開発中にソースマップ化されたファイルのみを使用する予定ですが、とにかく .js ソースを削除したいと思います。

私のgulpファイルの関連部分は次のとおりです。

これを行う方法についてアイデアを持っている人はいますか?

これは少し奇妙なものです：

次のようなgulpタスクがあります。

play 1.3 プロジェクト内からこのタスクを実行しています。予想どおり、base64 でエンコードされたインライン ソースマップが生成されますが、それをクロムにロードすると、すべてのスタイルが の 1 行目にマッピングされmain.css、何かが違う。

さて、ここが奇妙になります。同じディレクトリ構造を持つ別のプロジェクトで、同じファイルのコピーを指定してこの同じタスクを実行すると、単純な apache で実行されているだけで、期待どおりに動作します。出力ファイルはまったく同じように表示されます。

これがなぜなのか、誰かが洞察を持っていますか?

FWIW、非常によく似たシナリオが、js を縮小して連結するときに発生しますgulp-uglify。gulp-concat

私は Browserify を 1 つの変換方法で使用しています: reactify。スクリプトを作成する方法は次のとおりです。

アプリをローカルで実行すると、ソース マップは正しく、開発ツールで元の jsx ファイルを確認できます。
この問題は、別の変換を追加したときに始まります。次に、開発ツールを実行して検索すると、元のファイルが取得されません。代わりに、コンパイル後にjsxファイルを取得します。es6ify、uglifyfy、envify (reactify + es6ify、reactify + uglifyfy、reactify + envify) で試してみたところ、同じ間違った動作が発生しました。
ソース マップの構成に問題があるか、browserify のバグである必要があります。
それを修正する方法はありますか？

gulp で js を concat して uglify する自動化を試みています。

ここに私のgulpfile.jsがあります：

(function(){"use strict"; <%= contents %>\n})();すべてのファイルが結合されているときに競合を避けるために、すべてのファイルを でラップする必要があると思いますか? 私のgulpタスクは良いと思いますか、それともタスクを実行するのにさらに良いと思いますか?