問題タブ [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.
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 %> を使用しようとしましたが、うまくいきません。もちろん、別のタスクを作成してすべてのファイルを書き換えることもできますが、もっと洗練された方法を見つけたいと思います。何か案が ?
ありがとう
gulp - 異なるパスのサブフォルダーに対して個別の gulp タスクをトリガーする
私は Gulp を使用して複数の SVG ファイルを SVG ストレージに保存しています。これらのファイルは、後でパフォーマンスを最大化するために再利用されます。ただし、パスに交換可能な固定部分と動的部分が含まれる、かなり興味深いフォルダー構造を使用しています。
説明しましょう。これが私が使用しているフォルダー構造です。フォルダーには、などの名前のapp/images/products
フォルダーが含まれています。このフォルダーには、単一のファイルに結合して に保存する準備ができている SVG ファイルでいっぱいのサブフォルダーが含まれています。productA
productB
color-sprites
build/images/products/{product name}/color-sprites.svg
これは、必要なことを達成するために使用しようとしているコードの簡略化されたバージョンです (rename
のインスタンスであることに注意してくださいgulp-rename
)。
問題は、ターゲットを構築するために現在のストリームパラメーターにアクセスする方法が正確にわからないことです。このようgulp-rename
に実行するgulpfile.js
と、パスの最初の親要素が前に取得される*
か**
、再び in というファイルが作成されるためproducts.svg
ですbuild/images/
。ベース名、相対パスなどにアクセスするために使用する例をいくつか見てきましたpath
が、gulp ストリームのコンテキストでそれを使用する方法がわかりません。
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 の値は次のとおりです。
module - モジュラー アプリの動的 gulp.dest パス
モジュラー アプリケーション用に gulp をセットアップしようとしています。私のパブリックフォルダーには、それぞれ独自のフォルダーを持つモジュールがsrc/sass
ありdist/css
ます。src/sass
sass ファイルを変換して、それぞれのdist/css
フォルダーに転送したいと考えています。src/sass
likesrc/sass/admin
の下src/sass/user
に .scss を含むフォルダーがさらに存在する可能性もあります。これらのフォルダ構造は、dist/css
so:dist/css/admin
やdist/css/user
. これらの追加フォルダーは、モジュールによって異なります。
gulp.dest
問題は、モジュールが削除および追加される可能性があるため、パスでモジュール名を直接参照したくないことです。パスに応じて動的にする必要がありgulp.src
ます。
以下に示すようなフォルダー構造があるとします。
これが私が試したgulpタスクです。
1.path.joinの使用
2.名前変更の使用
「???」の代わりに何を書けばいいのかわからない。のような複数のバリアントを試しまし'../../../dist/css'
たが、css ファイルをpublic/Modules/Module1/dist/css/Module1/src/sass
orのようなものに転送しようとしているようdist/public/...
です。
これを投稿する前に StackOverflow を確認しましたが、必要なものが正確に見つかりませんでした。
助けてくれてありがとう!