問題タブ [gulp-uglify]

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

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

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

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

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

私が書いたばかりのgulpファイルがあり、これは初めてです。機能していますが、必要だと思うよりも多くのタスクがあります。

javascript タスクを 1 つのタスクとしてまとめるのを手伝ってくれる人はいますか?

完了したら、4 つの個別の js ファイルがすべて醜いものになる必要があります。

gulpfile.js からの関連コード スニペット:

私がやろうとしていたこと:

縮小化の問題を回避するために依存関係をコントローラーに持ち込むときに特別な配列構文を使用する必要があることは、Angular でよく知られている問題であるため、私はその表記法を使用しています。しかし、インジェクターは、gulp-uglify を介して送信した後にのみ表示されるこのコードに関する問題をまだ抱えているようです。

ディレクティブのような他の角度要素もこの構文を使用する必要がありますか? また、オブジェクト表記を使用してコントローラーの 1 つを定義しているので、それが問題になる可能性がありますか?

いくつかの主要な構成要素。

ディレクティブ、コントローラーを含むもの。

1) I've got an angular app setup with "best practices for angular app structure". So each section's folder may have it's own *.scss file. Need to convert the *.scss to *.css, and output the *.css file in the same folder.

Been messing around with it in Gulp for a few hours but can't get the syntax right. It's giving me lots of different behaviors, none of which are desired.

Anyone know Gulp a little better?

2) Seperate Gulp question, uglify works to minify both CSS and JS files? Or is there a separate plugin to use for minifying CSS?

3) Is there a plugin to minify HTML files too? Not too familiar with what's available. Still trying to learn from an example, but they mangled all the different plugins together, and I don't need to use all of them. But as I pull them apart, I'm breaking a lot of things, so it's really time consuming to get things working. I can spend days on this, trying to get it to work properly.

gulp プロセスで奇妙な動作が発生しています。

これはかなり単純です。多数の JavaScript ファイルを連結し、出力をファイルに配置します。ただし、GIT リポジトリに問題を引き起こしている別のフォルダーに出力が複製されます。不正なフォルダーを削除するとjs2.、正しいフォルダーも削除されますjs2

ここに私のgulpfileがあります

});

これにより、次が生成されます。

まさに予想通り

私も持っています：

同様のタスクがあります-まったく同じですが、同じようには動作しません。これにより、別のマシンにも複製が作成されます

不正なフォルダーを削除するとjs2.、正しいフォルダーも削除されますjs2

何が問題なのかわからない - どうすれば解決できますか?

私は自分のプロジェクトでいくつかの開発作業を体系化しようとしています。この目標のために、私は gulp と頑固なモジュールの 1 つである gulp-uglify を使用します。私は短いスクリプトを持っています:

しかし、このモジュールはしばしば壊れます。ログ：

この問題の答えを github リポジトリの問題で探しましたが、決定が見つかりませんでした。

PS >>> angular-deck.js は正常に作成されています。

PSS >>> 重要ではないと思いますが、lubuntu 14.04 で作業しています。

ほとんどの人と同様に、JavaScript ファイルを単一の「app.js」ファイルに圧縮、醜化、および連結する gulp プロセスを使用しています。私たちが使用しているファイルの一部は、bower を介して配布されており、ソース マップがあらかじめ縮小されています。理想的には、これらのファイルを再縮小する代わりに、.min と .min.map を直接使用するだけです。これにどのように対応しますか？

基本的に、JavaScript .src ファイルは次のようになります。

そして、それらをすべて 1 つの app.min.js と app.min.js.map にまとめたいと考えています。

これらはすべてdistディレクトリにコピーされているため、最初のファイルセットを醜くしてdistにパイプするなどのことをすれば問題ありません。すでに醜い化された既存のファイル + 最初のバッチからの出力を取得し、それらを連結 (およびソースマップを再実行) し、再度 dist にパイプしてから、最後のセットに対して同じことを行います。

これらすべてを行うためにすでに使用している gulp プラグインは次のとおりです。

私はgulp-minify-inline-scriptsを使用しています:

https://www.npmjs.org/package/gulp-minify-inline-scripts

次のようにgulpファイルに入れました：

ただし、gulp タスクを実行するたびに (サイト ファイルからすべてのインライン スクリプトを削除しても)、次のエラー メッセージが表示され、何が問題なのかわかりません。

こんにちは、gulp uglify と concat を使用して js コードを縮小しています。

ただし、元の開発用jsコードのコーディングエラーを検出して、元のコードをチェックし、縮小後に通知するだけでなく、それを検出する方法が必要です。

どうすればできるか分かりますか？

以下は私のgulpコードです。