問題タブ [gulp-rename]
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.
javascript - gulp-remember が間違ったパスを出力するようです
[gulp 3.9.0、gulp-cached 1.1.0、gulp-remember 0.3.0、gulp-rename 1.2.2 を使用]
ビルド ツールとして gulp を使用し、gulp-remember と一緒に gulp-cached を使用して、高速なインクリメンタル リビルドを可能にします。ビルド中のファイルの一部は、別の出力ディレクトリに移動する必要があります。これは、後で結果を圧縮するため、ストリーム内 (つまり、gulp.dest() 内ではない) で行う必要があります。これには gulp-rename を使用します。
ただし、ビルド スクリプトが複数回呼び出されると (インクリメンタル リビルドの場合は gulp.watch())、gulp-rename 変換が複数回適用されるようです。gulp-remember は、実際にはファイルを前回見たパスではなく、gulp-rename ステップの後に取得したパスで出力しているようです。
問題を次のスクリプトに絞り込みました。
これをソース ディレクトリ src で 1 つのファイル "myfile.js" だけで実行すると、出力ファイルが生成されます。
build() の 2 番目の呼び出しを削除すると、正しく生成されます
そして、build() への 3 番目の呼び出しを挿入すると、生成されます。
どうすればこれを修正できますか? gulp-remember は、ファイルがさらに処理される前に、最後に通過したときのパスでファイルを出力するべきではありませんか?
javascript - gulpを使用して親ディレクトリをフラット化しますが、サブディレクトリはフラット化しません
などのフォルダー名にいくつかのキーワードが含まれるようにコードを整理しました_DIRECTIVE
。私の意図は、 を使用して、フォルダーの命名パターンを認識する gulp タスクを作成することでしたgulp.src("**/*_DIRECTIVE/**/*")
。_DIRECTVE
キーワードを含むすべてのフォルダー (およびそのサブフォルダー) のコピーを作成し、それらを別のフォルダーに配置したいと考えています。
次のようなフォルダー構造があります
使用しgulp
て、出力を
使用しようとしましgulp-flatten
たが、フォルダーの下のサブフォルダーもフラット化されるため、役に立ちませんでした_DIRECTIVE
。
助けてください
gulp - gulp-changed / gulp-newer + gulp-rename が機能しない
すでに処理された画像の縮小、サイズ変更、名前変更を回避しようとしましたが、「gulp-changed」を追加しても何も変わりませんでした。すべてのファイルが毎回処理されます。代わりに「gulp-newer」を試しましたが、まだ運がありません。
後になって、gulp-rename を惜しまなければ、gulp-changed が正常に動作することがわかりました。タスクに gulp-rename を使用すると、そうではありません。しかし、とにかくgulp-renameが必要です...
node.js - gulpでのバッチサイズ変更
異なる解像度で画像のバージョンを作成する必要があります。しかし、私のgulpコードの出力は混乱しています - 一部のファイルが欠落しており、一部の画像は別のファイル名で保存されています。非同期実行と関係があることは知っていますが、node.js にはあまり詳しくないので、自分で修正する方法を理解できません。特に説明があれば、どんな助けでも大歓迎です。
javascript - フォルダー構造を維持したまま Jade を HTML にコンパイルする
Gulp、Gulp Jade、および Gulp Rename を使用して、正規の URL を持つ静的サイトを作成しています。
現在、このスクリプト:
次のファイルをコンパイルできます。
/src/views/index.jade
>> /public/index.html
(ホームページ)
/src/views/about.jade
>> /public/about/index.html
(ページについて)
これは、http: //example.com/ ( index.jade の場合) とhttp://example.com/about/ (about.jade の場合) に正規 URL を設定できることを意味します。
ただし、URL 構造に複数のレベルを含めることができるようにしたいと考えています。たとえば、URL で Dave に関するページが必要な場合は、次のようにしますhttp://example.com/about/dave/
。
私はこれを達成したい:
/src/views/about/dave.jade
>>/public/about/dave/index.html
しかし、結果は次のとおりです。
/src/views/about/dave.jade
>>/public/dave/index.html
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 を初めて使用します。助けていただければ幸いです。ありがとう!!
gulp - 不要なディレクトリを作成するgulp-rename
一部の画像のサイズ変更と名前変更に gulp を使用しています。
これは機能します-サイズ変更された名前が変更された画像が正しい場所に配置され、ファイル名にサフィックスが追加されます。
-desktop
ただし、 、-phone
およびというディレクトリも作成し-tablet
ます。どうすればこれを防ぐことができますか?
javascript - gulp-rename はコピーを作成しますが、置き換えません
ファイルのバッチの名前を変更しようとしています。
この方法は、変更したいファイルを見つけて仕事をしますが、完全に新しいファイルを作成し、古いファイルを置き換えません。それで、私のバッチの2倍が残っています。これが起こらないようにするために追加する必要があるものはありますか?
gulp-rename - gulp-concat および gulp-rename: file.dirname が機能しない
現在、gulp concat を使用して root/**/js ディレクトリ内のすべての js ファイルを連結していますが、それらを別のフォルダーに移動したいと考えています。gulp-rename の file.dirname を使用して、宛先フォルダーがソースの /**/ と一致するようにしていましたが、 file.dirname が適切な名前を与えていないため、concat が何らかの形でこれを上書きしているように見えます (置き換えられます)。 "." ) concat と rename を同時に使用できる方法を知っていますか? 宛先フォルダーは、ソースの /**/ ディレクトリ名と一致する必要があります