問題タブ [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 に答える
404 参照

path - gulp-exec : ソース ファイルに基づいてコマンドに dest ファイルを挿入する方法

マークダウン形式で記述されたソース ファイルに基づいて pdf ファイルを生成する gulp タスクを作成しました (gulp-exec プラグインと Pandoc と呼ばれるコマンド ライン ツールを使用)。

私のタスクは次のようになります。

dest ファイルの形式が「filename.md.pdf」であることを除いて、完全に機能します (ソース ファイルが「filename.md」の場合)。これは、ソース ファイルの名前 ("filename.md") を実際に格納する exec コマンドで <%= file.relative %> を使用しているためです。

dest ファイルを "filename.pdf" のように記述できますか? <%= file.relative %> の代わりに <%= file.basename %> を使用しようとしましたが、うまくいきません。もちろん、別のタスクを作成してすべてのファイルを書き換えることもできますが、もっと洗練された方法を見つけたいと思います。何か案が ?

ありがとう

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

gulp - 異なるパスのサブフォルダーに対して個別の gulp タスクをトリガーする

私は Gulp を使用して複数の SVG ファイルを SVG ストレージに保存しています。これらのファイルは、後でパフォーマンスを最大化するために再利用されます。ただし、パスに交換可能な固定部分と動的部分が含まれる、かなり興味深いフォルダー構造を使用しています。

説明しましょう。これが私が使用しているフォルダー構造です。フォルダーには、などの名前のapp/images/productsフォルダーが含まれています。このフォルダーには、単一のファイルに結合して に保存する準備ができている SVG ファイルでいっぱいのサブフォルダーが含まれています。productAproductBcolor-spritesbuild/images/products/{product name}/color-sprites.svg

これは、必要なことを達成するために使用しようとしているコードの簡略化されたバージョンです (renameのインスタンスであることに注意してくださいgulp-rename)。

問題は、ターゲットを構築するために現在のストリームパラメーターにアクセスする方法が正確にわからないことです。このようgulp-renameに実行するgulpfile.jsと、パスの最初の親要素が前に取得される***、再び in というファイルが作成されるためproducts.svgですbuild/images/。ベース名、相対パスなどにアクセスするために使用する例をいくつか見てきましたpathが、gulp ストリームのコンテキストでそれを使用する方法がわかりません。

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

html - CSS url を Gulp タスクに置き換える

Gulp を使用して index.html の CSS ファイルのパスを置き換えようとしています。問題は、テーマ名が異なる複数のプロジェクトがあり、配布パッケージでソース ファイルのパスが異なることです。

index.html

私の配布パッケージでは、テーマはsrc\projects\project\app\style\themesのような場所にコピーされます

dist/index.html

これは、gulp-find を使用して index.html で URL を検索する試みです。

それは機能します。宛先ファイルに値があります。しかし、この値を gulp-replace で使用して HTML ファイルの値を変更することは可能ですか?

私も次のようなことを試しました:

しかし、index.html の値は次のとおりです。

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

module - モジュラー アプリの動的 gulp.dest パス

モジュラー アプリケーション用に gulp をセットアップしようとしています。私のパブリックフォルダーには、それぞれ独自のフォルダーを持つモジュールがsrc/sassありdist/cssます。src/sasssass ファイルを変換して、それぞれのdist/cssフォルダーに転送したいと考えています。src/sasslikesrc/sass/adminの下src/sass/userに .scss を含むフォルダーがさらに存在する可能性もあります。これらのフォルダ構造は、dist/cssso:dist/css/admindist/css/user. これらの追加フォルダーは、モジュールによって異なります。

gulp.dest問題は、モジュールが削除および追加される可能性があるため、パスでモジュール名を直接参照したくないことです。パスに応じて動的にする必要がありgulp.srcます。

以下に示すようなフォルダー構造があるとします。

これが私が試したgulpタスクです。

1.path.joinの使用

2.名前変更の使用

「???」の代わりに何を書けばいいのかわからない。のような複数のバリアントを試しまし'../../../dist/css'たが、css ファイルをpublic/Modules/Module1/dist/css/Module1/src/sassorのようなものに転送しようとしているようdist/public/...です。

これを投稿する前に StackOverflow を確認しましたが、必要なものが正確に見つかりませんでした。

助けてくれてありがとう!