問題タブ [gulp-uglify]

gulp -uglifyjs ( mozilla/source-mapを使用) を使用して、ソース マップを作成しています。問題は、すべてのソースが「app/」で始まることです。文字列を置換せずにこれを削除する方法はありますか?

sourceRoot 設定を試してみましたが、うまくいきませんでした。

ビルド プロセスを既存のカスタム bash ビルド スクリプトから gulp に移行しようとしています。ブートストラップ、レイジーロードなどのいくつかの非圧縮オープンソース JS ファイルと独自の JS ファイルを連結します。各 JS ファイルを順番に醜くし (ライセンスも削除します)、必要に応じてそれらの一部にカスタム ライセンス テキストを追加し、連結して出力​​ JS ファイルを作成します。カスタム ライセンス テキストは現在、bash スクリプトで文字列として保持されます。

中間ファイルを作成せずにgulpでこれを達成する方法は? 一部の JS スクリプトを醜くすることを選択的に回避することも可能でしょうか?

HTMLファイルを取得し、その中のスクリプトを見つけ、それらを縮小し、リビジョンを適用し、アセットフォルダー内のすべてを出力するgulpタスクがあります。

templates/index.html

gulpfile.js

これは正常に機能しますが、すべて (js/app.js および index.html) をルート ディレクトリ (./) に出力します。

内部で条件を適用し、gulp.destjs/app.js をプロジェクトのルート フォルダーに出力し、index.html を別の場所 (例./templates_cache) に出力する方法はありますか?

gulp-browserify" " と " "uglify.minifyはどう違いますか？どちらもファイルを縮小するために使用されます。JSファイルのグループを単一のファイルに圧縮しようとしていますが、どちらも適切に機能します。

grunt-contrib-uglify のように、複数の JavaScript ファイルを 1 つの JavaScript ファイルにまとめて 1 つのファイルに圧縮できるGulpタスクを探しています。

これは、grunt-contrib-uglifyをシミュレートするために私がやろうとしたことです:

このソリューションに関する私の問題
: タスクを実行する前にファイル (application.js.min) を手動で削除する必要があります。そうしないと、タスクを実行するたびに、新しいファイルが古い圧縮ファイルに連結されます (この行のため: .pipe(concat('application.js')))。

私のgulpfile.jsでは、リリース タスクでソースマップを縮小して有効にしようとしています。

構成変数に基づいて、さらにアクションをストリームにパイプしようとしています。コンディションのチェックは を使用していgulp-if-elseます。私の依存関係のセット（関連するもののみ）は以下のとおりです

これが私が問題を抱えているコードです。3 つの呼び出しを個別に保持するifelse pipeと (現在はコメントアウトされています)、ソースが醜くなり、ソースマップが期待どおりに作成されます。

条件を繰り返すときれいに感じられないので、縮小機能に置き換えてみましたが、動作が奇妙です。

1. 相対パスを指定しない場合sourcemaps.write、js ファイルにはインライン ソースマップがあります。
2. 相対パスを使用すると、ソースが醜くなり、js には sourcemap コメントが指定されてapp.js.mapいますが、app.js.mapそれ自体は生成されません。

私は gulp (そして実際にはノード) を拾い上げたところ、私が推論できないように見えるこの奇妙な動作に遭遇しました。誰かが私のためにそれを分かりやすく説明できれば、大きな助けになるでしょう。

更新: 完了gulpfile.js

UPDATE2: を追加しましgulp-filelogた。pipe(filelog("minify"))およびpipe(filelog("outer"))ストリームに追加されました。filelogfn の内部では 2 つのファイルを出力しますが、外部では 1 つのファイルのみを出力します。2 番目のファイルがドロップ/無視されるのはなぜですか? 私は何が欠けていますか？

次のような一気飲みのタスクがあります。

この gulp タスクは以下を使用します。

• がぶ飲みする
• ガルプラップ
• gulp-concat
• gulp-sourcemaps

上記のすべてが正常に実行されています。しかし、それにはgulp-uglify独自のwrap機能が備わっているようです。gulp-uglify関数を使用してスクリプトをラップするにはどうすればよいですか?

gulp ワークフローを使用した既存の作業プロジェクトがあります。すべてが完全に正常に動作します。私のgulpはこれを使用します：

• browser-sync@2.0.1
• gulp@3.8.11
• gulp-angular-templatecache@1.5.0
• gulp-autoprefixer@2.1.0
• gulp-concat@2.4.3
• 一気飲み@2.0.3
• gulp-minify-css@0.3.13
• gulp-minify-html@0.1.8
• gulp-rename@1.2.0
• gulp-sourcemaps@1.3.0
• gulp-uglify@1.1.0
• gulp-util@3.0.3
• gulp-watch@4.1.1
• gulp-wrap@0.10.1
• minimist@1.1.0

そのため、チームの新しいプロジェクトで使用することにしました。を新しいプロジェクト フォルダにコピーgulpfile.jsして実行します。すべてが通常どおりダウンロードされます。しかし、gulp タスクを実行しようとすると、次のエラーが発生しました。package.jsonnpm install

いくつかのテストの後、問題が実際に原因であることがわかりました。これは次のgulp-wrap方法で解決できます。

1. 古いプロジェクトからフォルダーをコピーしgulp-wrap、新しいプロジェクトをオーバーライドします
2. gulp-wrapすべての使用法とその require() を gulpfile.js からコメント アウト/削除します。

最初は、新しいバージョンの問題が原因だと思いました。ということで、具体的にはバージョンを明記していますpackage.json。しかし、実行後npm install、同じ問題が発生します。

そのため、gulpfile を調べると、gulp-wrap.

gulp-wrapその問題が発生するのを避けるために、使用せずにこれをラッピングできる方法はありますか?

私はnodejsが初めてで、gulpも使用しています。開発スキルを向上させるために、node と gulp から始めます。

ノードjsとgulpをインストールすると、すべてがうまくいきます。コマンドプロンプトでバージョンを確認して、この両方を確認しています。コマンドは次のとおりです。

コマンドを使用してnpmでgulpをインストールします。

これらの手順の後、gulp uglify をインストールします。

これが私がエラーを受け取っているところです。しかし、私はこのエラーを理解できません。

また、npm-debug.log のコマンド プロンプトに表示されるパス。ここではファイルは生成されません。

前もって感謝します。