問題タブ [gulp-uglify]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
gulp - gulp-uglify は Vinyl を予期しているように見えますが、代わりに Buffer を取得します
同様の問題に対するさまざまな回答がたくさんあるのを見て、たくさんの回答を試しました。gulp-streamify と vinyl-buffer を使ってみましたが、何も使わずに使ってみましたが、何をしても、gulp パイプラインに含めるたびに Uglify でエラーが発生します。
以下は、私のコードの最も関連性の高いスニペットです。
ただし、このパイプラインを実行すると、次のエラーが返されます。
node-debug を使用して gulp をトリガーすると、gulp は、Vinyl ファイルではなく Buffer オブジェクトを Uglify に渡しているように見えます。この問題を診断するための情報や方法を歓迎します。
ノード v4.1.2 と gulp v3.9.0 を使用しています。私が知る限り、これらは最新バージョンです。何か変わったのかな?
私はこの質問を IRC にも投稿しました。迅速な解決を願っています。
performance - パフォーマンスの良し悪し: .min ファイルを醜く (圧縮) しますか?
.min ファイルを醜くするメリットやデメリットはありますか?
Gulp
たとえば、インクルードを使用jquery.min.js
すると、パフォーマンスに関してuglify task
出力スクリプトが良くなったり悪くなったりしますか?
jquery.js
代わりにタスクを実行したほうがよいでしょうか?
reactjs - gulp ビルドで奇妙な gulp-uglify minifier 'file.isNull()' エラーが発生する
React w/Flux を学習する比較的単純なプロジェクトを構築しています。Gulp を使用して (または使用しようとして)、Browserify、Reactify、Streamify、および Uglify を使用して自動ビルドを作成しています。これらはすべて npm 経由でインストールされます。フロー全体が機能していました。ファイルをいくつか変更して再構築しましたが、ビルドを実行するとエラーが発生しました。変更を元に戻し、元の以前の動作状態に戻った後でも。おそらくどこかで許可の変更が発生したのではないかと思いますが、自分でそれを行っていないため、それをさらに診断する方法がわかりません(問題があるかどうかはわかりません)。
.pipe(buffer())
最初はビニール ストリーミング エラーが問題ではないかと疑っていましたが、ビルド フローにandを追加しましたがvinyl-buffer
、エラーは変わりませんでした。
これが一口です:
エラーは次のとおりです。
どんなアイデアでも歓迎します - ありがとう。
javascript - Ugliify のエスケープ解除を防ぐ方法」
私はこのようなコードを持っています:
var string = '<script src="' + src + '">\x3c/script>';
\x3c
スクリプト終了タグを避ける代わりに使用<
しました (Web ブラウザーでインライン スクリプトとして使用するとスクリプトが早期に
私はこのようなコードを持っています:
\x3c
スクリプト終了タグを避ける代わりに使用<
しました (Web ブラウザーでインライン スクリプトとして使用するとスクリプトが早期に終了し、すべてが壊れます)。
しかし、残念ながら uglify はそれを<
文字に戻し、ページを壊してしまいます。
Uglify にはこれを修正するためのオプションがあるようですがinline-scripts
、API でこのオプションを使用する方法に関するドキュメントはありません ( gulp-uglifyを介して使用しているため、オプション オブジェクトでこのオプションを渡すことができる必要があります。 CLI経由ではありません)。
どうすればいいのですか?次のいずれも機能しません。
{'inline-script': true}
{inlineScript: true}
{beautify: {inlineScript: true}}
{beautify: {'inline-script': true}}
ソート時に実行するコマンドが多すぎると、UI が確実に動かなくなります。ファイルから読み取り、RichTextBox を更新するには、別のスレッドを作成する必要があります。これを行う。1. ファイルから読み取るスレッドを 1 つ作成します。間隔を 100ms にします。2. データを受信したら、RichTextBox を更新します。新しいスレッドは RichTExtBOX を更新できないため、delegate
RTB を更新するために使用する必要があります。「richTetxbox1.Invoke
」のように
私はこのようなコードを持っています:
var string = '<script src="' + src + '">\x3c/script>';
\x3c
スクリプト終了タグを避ける代わりに使用<
しました (Web ブラウザーでインライン スクリプトとして使用するとスクリプトが早期に
私はこのようなコードを持っています:
\x3c
スクリプト終了タグを避ける代わりに使用<
しました (Web ブラウザーでインライン スクリプトとして使用するとスクリプトが早期に終了し、すべてが壊れます)。
しかし、残念ながら uglify はそれを<
文字に戻し、ページを壊してしまいます。
Uglify にはこれを修正するためのオプションがあるようですがinline-scripts
、API でこのオプションを使用する方法に関するドキュメントはありません ( gulp-uglifyを介して使用しているため、オプション オブジェクトでこのオプションを渡すことができる必要があります。 CLI経由ではありません)。
どうすればいいのですか?次のいずれも機能しません。
{'inline-script': true}
{inlineScript: true}
{beautify: {inlineScript: true}}
{beautify: {'inline-script': true}}
ソート時に実行するコマンドが多すぎると、UI が確実に動かなくなります。ファイルから読み取り、RichTextBox を更新するには、別のスレッドを作成する必要があります。これを行う。1. ファイルから読み取るスレッドを 1 つ作成します。間隔を 100ms にします。2. データを受信したら、RichTextBox を更新します。新しいスレッドは RichTExtBOX を更新できないため、delegate
RTB を更新するために使用する必要があります。「richTetxbox1.Invoke
」のように
git - Gulp、Git、Windows: gulp-concat および gulp-uglify が原因で、コンパイルされたファイルが git で変更されたように表示されてはならない場合でも表示される
私の全体的な質問は、プリコンパイルされたファイルがまったく同じである場合に、連結されたファイルと縮小されたファイルが異なるのを防ぐ方法です。
gulp-concat と gulp-uglify を使用して JavaScript ファイルを連結および縮小するように gulp をセットアップしました。コンパイルするたびにgitが次の警告を表示することを除いて、うまく機能しています:
また、Git は、このファイルが変更されていないはずなのに、変更されていることを示しています。
私が使用しているgulpタスクは次のとおりです。
{newLine:'\r\n'}
2 番目の引数 concat 関数に追加すると、同じ問題が発生します。私も次のことを試しました(他のいくつかの投稿で見つかりました){newLine:'\n'}
が、{newLine:'\n;'}
どちらも機能しませんでした。
ところで、私はPCで開発しています。
javascript - gulp-uglify でサンプルを動作させる
私はgulpを使ったことがありません。私はgulp-uglifyの例を試しています。
https://www.npmjs.com/package/gulp-uglify
この例は機能しません。どこでgulp.task
宣言されていますか?内部のコードは何をしgulp.task
ますか? libフォルダー内のすべての.jsファイルを圧縮した後、ファイルdistが作成されますか? 正しく動作するようにコード例を変更するにはどうすればよいですか?
npm - Gulp 使用時の Ugliify エラーのキャッチと処理
それ以外の場合、私の Gulp セットアップは素晴らしく機能していますが、JS ファイルにエラーがあると停止します。Gulp 4 が最終的にリリースされるまで、私たちは Gulp の完璧とは言えないエラー システムを使用して行き詰まっています。
Uglify のドキュメントによるとgulp-uglify
、特定のファイルを縮小できない場合、「エラー」イベントが発生します。可能な限り、PluginError
オブジェクトには次のプロパティが含まれます: fileName
、lineNumber
、message
。
私がそれを機能させるのに最も近いのは:.on('error', function(uglify) { console.error(uglify.message) }))
ですが、上記の Gulp タスクがそれ以上実行されなくなります。
編集:エラー処理に役立つ Gulp 拡張機能がいくつかあることは認識しています (例: Gulp-Util、Stream-Combiner2、Gulp-Plumberなど)。醜い(私はSassエラーを1つもせずにうまく処理しています)。
gulp - Gulp を使用して異なる js を異なるセットの js と連結し、次に minify/uglify を別のバンドルにパイプする方法は?
Gulp でアーカイブしたいのは次のとおりです。
- たとえば、私は現在編集中です
editing.js
- 変更/保存されている場合は
base1.js
、base2.js
、 を取り出して、 、、 のようにbase3.js
my と連結します。editing.js
base1.js
base2.js
base3.js
editing.js
- それらを縮小して醜くする
最後に、このファイルの名前を「editing.min.js」のような拡張子で変更します。
/li>
私の場合、複数のバンドル ファイルに連結する複数のソース ファイルがあります。
アーカイブに失敗しているのは、現在編集中のファイル名に名前を変更することです。たとえばex1.js
、ex1.min.js
常に 1 つのファイルにまとめられます。
Gulp を初めて使用します。助けていただければ幸いです。ありがとう!!