問題タブ [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.

0 投票する
1 に答える
1329 参照

javascript - Gulp を使用してファイル名に親ディレクトリのプレフィックスを付けるにはどうすればよいですか?

プロジェクトに次の階層を使用しています。

img フォルダー内にはグローバル イメージがあり、前述の各サブディレクトリにはローカライズされたファイルがあります。

gulp-rename プラグインを使用して、カスタム プレフィックス (GulpTest_) をファイル名に追加しています。ただし、内部に保存されているローカライズされたファイルには、サブディレクトリのフォルダー名も追加したいと考えています。

例:
src/img/de-de/file1.jpg の名前は GulpTest_de-de_file1.jpg に変更されます

現在、次のコードを使用して、サブディレクトリ内の各ファイルをソースし、GulpTest プレフィックスを追加しています。

「プレフィックス + サブディレクトリ + file.jpg」を連結するようにタスクを修正するにはどうすればよいですか?

ありがとう

0 投票する
1 に答える
512 参照

gulp - フォルダ名に数字を加えたものに一致するように画像ファイル名を変更するにはどうすればよいですか?

Gulp で、画像ファイル名をフォルダー名と数字に一致するように変更するにはどうすればよいですか?

たとえば、私は持っています:

そして私はしたい:

猫以外にもいくつかのサブフォルダーがあります。

rename を使用しようとして失敗しましたが、番号を追加すると完全に機能しなくなります。

0 投票する
1 に答える
1143 参照

gulp - gulp rename を使用してサフィックスを削除する方法

「src」サフィックスの例を削除しながら、いくつかの小枝ファイルをコピーしたい: someCode.html.src.twig 結果: someCode.html.twig gulp rename を使用サフィックス。

ディレクトリ構造も維持したい:

例:

D: テスト --> formsDirectory --> someFile.html.src.twig 、 someotherFile.html.src.twig

結果: D: someDir --> formsDirectory --> someFile.html.twig 、 someotherFile.html.twig

gulp rename を使用して拡張子とベース名を削除できることはわかっていますが、サフィックスのみを変更したいことが示されています。どんな助けでも素晴らしいでしょう!ありがとう

0 投票する
1 に答える
1583 参照

gulp - Gulpで出力ディレクトリ/ファイルを小文字に変更する

Gulp を使用してファイルを自動的にコピー/バンドル/コンパイルしています。基本的に、フォルダー構造全体をベース フォルダー (MyProject/Scripts) から wwwroot/js にコピーします。

コピー/処理の過程で、出力パス/ファイル名の名前を小文字に変更したいと考えています。ChangeCase-module と Rename-module を見つけましたが、以下のセットアップで動作させることができません。

0 投票する
2 に答える
4713 参照

gulp - gulp でディレクトリの名前を変更する

gulp-rename次のようにディレクトリの名前を変更するために使用しています。

vendor-devただし、基本的に、名前を変更する代わりに、という名前の新しい空のディレクトリを作成することになりvendorます。vendorそのままです。

では、gulp を使用して実際にディレクトリの名前を変更するにはどうすればよいでしょうか。

0 投票する
1 に答える
323 参照

wordpress - 複数のWordpressテーマフォルダーでLESSをコンパイルし、それぞれのCSSフォルダーを作成するためのGulp

Gulp を使用して LESS フォルダーからすべての LESS ファイルをコンパイルし、ディレクトリ css/main.css ファイルにコンパイルされたそれぞれの Wordpress テーマ フォルダー内に CSS フォルダーを作成しようとしています。これは、Wordpress wp-content/themes/theme-name/less をファイル構造として使用しています。コンパイルしようとするたびに、/themes/** フォルダーにスローされるか、.pipe(gulp.dest('./css/')); を使用すると、プロジェクトのルートに作成されます。各テーマ フォルダーに新しい css フォルダーを作成し、それぞれの LESS ファイルに従って main.css を各フォルダーにコンパイルします。

私がそれを実現したい方法は次のとおりです。

gulp を実行すると、wp-content/themes/theme-name/less から wp-content/themes/theme-name/css というフォルダーがコンパイルされて作成されます。各テーマ名フォルダーを調べて、それぞれの /css/ フォルダーを作成し、コンパイル済みのファイルが main.css であることを確認します。

現在、wp-content/themes のルートに ** フォルダーを作成しているようです。