問題タブ [gulp-sourcemaps]

gulp を使用して醜い JavaScript のソースマップ ファイルを生成しようとしています。私のタスクは次のようになります。

によって生成された出力マップgulp-sourcemapsには空のnames配列が含まれているため、ブラウザーは関数の引数を元の名前に戻すことができません。

gulp-sourcemapsチェーンされたマップ ファイルを正しくマージしていないように思えますか? はプロパティgulp-concatを出力しませんnames(出力する必要はありません: 単に連結するだけです) gulp-uglify。

上記は、namesプロパティが設定された正しいマップ ファイルを生成します。

私は何か間違ったことをしていますか、それとも誰かがこれに対する回避策を持っていますか?

私はgulpfile.jsでこれを試しています：

しかし、私はいつも次のようなメッセージを受け取ります:

私はすべての less ファイル内で @imports を使用していますが、参照はメッセージに見つからないように見えるものです。たとえば、私の widgets.less ファイルは次のとおりです。

何か不足していますか？事前に、助けてくれてありがとう！

私が使用しているタスクの簡略版は次のとおりです。

(これはCoffeescriptですが、Javascriptはほぼ同じです。上記が解析しにくい場合は、JSを提供できます。)

上記を実行すると、gulp-sourcemaps は以下をスローします。

つまり、Font Awesome ディレクトリで Bootstrap のファイルを探します。gulp-filter の代わりに gulp-if を使用してみましたが、同じエラーで失敗します。

このタスクを書く正しい方法は何ですか?

次のような単純な少ないタスクを含む gulp ワークフローがあります。

gulp-sourcemapsモジュールでソース マップを CSS ファイルのインライン コメントとして表示したい。しかし、gulp が LESS をコンパイルするたびに、gulp-sourcemaps にソース ファイルへのパスが表示されません。代わりに、次のように表示されます。

livereload や autoprefixer などを削除して、gulpfile を大幅に簡素化しました。しかし、この簡素化されたバージョンでも、ソース URL を正しく取得できません。

かなり長い間このことを経験してきましたが、どんな助けでも大歓迎です!

誰かが醜くする方法を説明してから、連結し、最終的にgulpを使用してソースマップを生成できますか? 私はそれを機能させることができないようです。これについて API には何も表示されていませんが、サポートする必要があるようです。ポイントは、ソース マップを生成し、ブレークポイントを設定するときにソース ファイルを使用することです。次のコードに最初のものを入れようとconcatしましたが、そうすると、クロムブラウザーでブレークポイントが機能しません。

と を使用
concat = require('gulp-concat'),してuglify = require('gulp-uglify')います。

アプリケーションを Grunt ビルドから Gulp に移行しようとしています。私の Gulp ビルドは ionic.css ファイルを生成し、index.html にリンク タグを付けて読み込もうとします。www フォルダにファイルがあることがわかりますが、chrome インスペクタでそのパスにファイルが見つからないというエラーが表示されます。

マイコード

gulp-sass タスク

index.html ヘッド

私のディレクトリ構造