問題タブ [gulp-uglify]

gulp ファイルをセットアップし、mybundle.jsと my を除くすべてのスクリプトと css ファイルを適切に縮小しましたhomeBundle.js。各タスクで関数を実行していuglify()ますが、飲み込もうとすると次のエラーが表示されます。

events.js:141 throw er; // Unhandled 'error' イベント ^ Error: /Users/Documents/RTVS360/bundle.js: Streaming not supported

gulp が実行されるたびにファイルが再作成されるため、gulp が uglify しようとするときに問題はありますか?

以下に、私の gulpfile を示します。どんな助けでも喜んでいただければ幸いです。

私はGulpを使用するのが初めてで、それを学ぼうとしているだけです...今私が得て尋ねたい問題は、時計とブラウザの同期を含むデフォルトタスクをセットアップする方法です

誰かがここで私のコードを改善できますか?ウォッチとブラウザー同期の関係、ブラウザー同期の前にどのタスクを実行し、いつウォッチするかを理解していません

以下は私のフォルダ構造です

今私が欲しいプロセスは

1. less を css にコンパイルし、縮小してビルド フォルダーにします
2. リスト項目
3. 次に、HTML コードを縮小します
4. 次に、jsを縮小して連結します
5. すべての画像を圧縮する (一部の画像が変更された場合にのみ実行)
6. 縮小された HTML を Browser Sync で実行し、すべてのソース HTML、Less、画像、および JS の変更を確認します

Ionic アプリを本番用に準備しようとしていますが、gulp-userref でいくつかのエラーが発生しています

私のインデックスファイルで

そして私のgulpfile.jsで

after_prepare フックにこのファイルがあります

ionic.project ファイルの gulpStartupTasks に「userref」を追加しましたが、実行するたびionic build androidにエラーが発生します

新しい index.html で dist フォルダーを作成し、dist_css フォルダー wt styles.css を作成しないのはなぜですか?

どんな助けでも大歓迎です

コードを縮小しようとしていますが、clean-css を実行すると常にこのエラーが発生します。

コメント行を削除するなどのさまざまな投稿を読みましたが、すべてうまくいきませんでした。

誰でもこの問題を解決するための他のアイデアや方法を持っています

gulp-userref を使用して、すべての JavaScript ファイルを 1 つに連結したいと考えています。

私の JavaScript ファイル内には、事前に縮小されたファイルと縮小されていないファイルが混在しています。

(ビルドのパフォーマンス上の理由から) まだ縮小されていないファイルのみを醜くしたいと思います。以下は、私の Gulp タスク定義です。

これは機能します。連結されたファイルを取得しますが、縮小されていないファイルは縮小されないままです（縮小前のファイルはまだ縮小されています-予想どおり）。

私のコードは部分的にこれに基づいています: https://github.com/craigjennings11/gulp-uglifyjs

私のファイルが縮小されていない理由は何ですか?

参考文献

• ゴクゴク
• gulp-userref
• 一気飲み
• がぶ飲みする
• レイジーパイプ

スタイルとスクリプトを連結してコンパイルするために、すべてがセットアップされ、機能しています。エラーが発生し、Mac 通知として、およびターミナルでエラーgulp-notifyをgulp-plumberスローし、gulp の実行が停止しない場合 - これは素晴らしいことです :)

ただし、ターミナルでスローされるスクリプト エラーscript-dist.jsは、実際の連結されたソース ファイルではなく、コンパイルされたファイルに常に問題があることがわかりました。

エラー

これでは、実際のエラーがどこから発生しているのかがわからないことに注意してください (_modal.js意図的にエラーを作成した連結ファイルの 1 つにあると表示されるはずです。

gulpfile.js

私は非常に迷惑なエラーに苦しんでいます。まず第一に：私はgulpが初めてです。

Angularでシングルページアプリケーションを実現しようとしています。ワークフローを改善するために、gulp を実装しようとしました。

いくつかの gulp プラグインのインストール中に重大な npm エラーが発生しましたが、これは別の話であり、エラーの有無にかかわらず動作していることに気付きました。

私が実際に頭を悩ませているのは、userrefプラグインです。より正確には、uglify プラグインです。

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

これは、実行しようとしたときにスローされるスタックトレースです。C:\Work\evori-portfolio>gulp userref

このスタックトレースは、私にはまったく何も言いません。

スタックトレースにリストされているすべての宛先を監視しましたが、エラーは見つかりませんでした。

gulpが行う非同期作業が原因ではないかと思いました。おそらく、uglify プラグインは、現時点では未完​​成の userref ファイルを醜くしようとします。どのように知っていますか？

そのため、プラグインの重複が原因でエラーが発生していないことを確認するために、すべてを分離しています。

これは私がエラーを再現するために行った方法です: 1. gulp clean:dist

2. gulp userref

   gulp.task('useref', function() { return gulp.src('app/*.html') .pipe(useref()) .pipe(gulp.dest('dist')) });

3. ゴクリと縮小

   gulp.task('minify', function() { return gulp.src('dist/**/*.js') /*.pipe(gulpIf('*.css', cssnano()))*/ .pipe(uglify()) .pipe(gulp.dest('dist')) });

4. スタックトレースに夢中

   C:\Work\evori-portfolio>gulp minify [11:55:50] Using gulpfile C:\Work\evori-portfolio\gulpfile.js [11:55:50] Starting 'minify'...

   events.js:141 throw er; // Unhandled 'error' event ^ Error at new JS_Parse_Error (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:1526:18) at js_error (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:1534:11) at croak (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2025:9) at token_error (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2033:9) at expect_token (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2046:9) at expect (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2049:36) at eval (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2602:13) at eval (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2072:24) at expr_atom (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2532:35) at maybe_unary (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2708:19) at expr_ops (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2743:24) at maybe_conditional (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2748:20) at maybe_assign (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2772:20) at expression (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2791:20) at eval (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2173:39) at eval (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2072:24) at block_ (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2352:20)

編集OK... index.htmlファイルに大量の.jsファイルがあります。そのファイルを取得しようとしましたが、それぞれを削除することでエラーが発生し、userref + minify を実行しようとしました。そして、私はそれを手に入れました。不良ファイル。index.html から削除すると、minify は魅力的に機能します。しかし、何が間違っているのか、エラーを引き起こす可能性があるのか​​ わかりません。

アプリで使用する JavaScript ファイルを縮小するために gulp-usemin を使用していますが、何らかの理由で gulp がファイルの 1 つを認識していません。私はこれをindex.htmlに持っています：

そして、これは私の gulpfile.js です:

デフォルトのタスクを実行すると、次のメッセージが表示されます。

TypeError: パスは文字列でなければなりません。受信未定義

インデックスから削除する<script src="scripts/directives/directive2/directive2.js" type="text/javascript"></script>と、エラーなしで gulp タスクが実行され、ファイルがそこにあり、URL が正しく記述されていると確信できます。

助けてください！！

--mange-regexUglifyJS2 の GItHub README に記載されているオプションを使用しようとしています。問題は、私のビルドが を使用しており、コマンドラインなしgulp-uglifyで使用する方法が明確に文書化されていないことです。--mangle-regex

私の目標は、「プライベート」識別子をマングルすることです（マッチング/^_/）

私はもう試した：

と

ここでは何もしていません。少しの援助？