問題タブ [gulp-rev]

ファイル内のテキストを置き換えるために gulp-replace-taskを使用しようとしていindex.phpます。.htmlこれは、ファイル内で実行できることはわかっていますが.css、ファイル.js内で動作させることはできないよう.phpです。

誰か助けてくれませんか？

これは私のコードです:

Rails 4.2、Ruby 2.2 を使用しています

次を使用して新しいアプリを生成しました: rails new app --skip-sprockets

すべての Gulp タスクが正常に実行されています (それらの多く: gulp-changed および gulp-livereload から gulp-minify-css、gulp-uncss などまで)。

gulp-rev-all を使用すると、MD5 指紋命名規則ですべてのアセットを生成できます。

それらは rev-manifest.json に適切に保存されます

app/assets/rev-manifest.json:

アプリ/ヘルパー/application_helper.rb

config/initializers/asset_manifest.rb

何か不足していますか？

GulpとNode.jsを使用して、画像のフォルダーからスプライトを生成する概念実証を作成し、生成されたスプライトをバージョン管理して、キャッシュ無効化の目的で一意のファイル名を持つようにします。

https://www.npmjs.com/package/gulp-revを使用してスプライトをバージョン管理しています (これは機能します! ) が、画像への参照を含む CSS ファイルの更新に問題があります。この目的のために調べたツールがいくつかありますが、それらを機能させることができませんでした。私が見ている2つは次のとおりです。

https://github.com/jamesknelson/gulp-rev-replace

（それを理解できないことで完全に機能しているようです）

と..

https://github.com/galkinrost/gulp-rev-css-url

(動作しましたが、改訂された画像ファイルと更新された CSS の宛先を新しい画像名で分離できませんでした)

基本的に、すべての画像を取得してからgulp-image-versioning-poc/images/sprites/*.pngバージョンを取得し、結果の画像を入れて、gulp-image-versioning-poc/dist/それらの画像への参照を更新しますgulp-image-versioning-poc/css/*.css

現在ここにあるものの簡単な例を作成しました。

https://github.com/olthof/gulp-image-versioning-poc

誰かがこの問題に取り組むのを手伝ってくれたら、とても感謝しています!!!

私は、gulp ビルド システムを使用して開発プロセスを自動化する方法に取り組んできました。

スタイルシートの改訂に関して問題があります。gulp-rev を使用して更新リビジョン番号を含むファイルを生成しましたが、ファイル内の変更に対して余分なファイルが作成され続け、結果としてセットアップ サイズが増加します。

gulpfile.js

更新の変更を含む最新のファイルを作成し、ファイルディレクトリから以前のファイルを削除するか、最新の更新/変更を含むファイルでのみ提供されるものを削除するのに助けが必要です。

他のいくつかのリビジョン関連のプラグインも使用しましたが、それを設定する正しい方法が見つかりません

次のコードは rev-manifest.json ファイルを正しくマージしません。いくつかの JS タスクをループし、1 つだけがマージされますが、ハッシュ ファイルは正しく作成および保存されています。

私はすでにたくさんのことを試しました.gulp-revをチェックし、一部のユーザーが同様の問題を抱えていることを確認しました. それらの一部は、いくつかのマニフェスト ファイルを作成し、最後に実際のマージを続行します。遅くて醜いので、このソリューションを破棄したいと思います。

concat(...) 行にコメントを付けると、マニフェスト ファイルにすべての JS タスクが登録されます。

これはバグですか、それとも何か不足していますか?

gulp 3.9.1 gulp-concat 2.6.0 gulp-rev 7.0.0

次のgulpタスクが構成されています。

このコードは css ファイルを受け取り、それらを縮小し、リビジョン (main-abcde123.css など) を追加し、発生したソース ファイルを処理済みファイルに置き換えます。これは、gulp-userref/gulp-rev/gulp-rev-replace プラグインを使用して行われます (pluginsすべてのロードされたプラグインを含むオブジェクト、つまり plugins.userref - gulp-userref プラグインを参照します)。このコードは正常に動作します。同じストリーム内の結果 css ファイルでいくつかの変更を加えようとしています。これは、次のような関数によって行われtransformStream()ます。

このコンテキストでthroughはgulp-through2プラグインです。

次のコードを見てくださいconsole.log(file);。縮小されたcssのファイル名を取得しようとしています。上記のコードでは、次のように表示されます。

つまり、ファイル名ではなく、ある種のバッファが含まれています。私はドキュメントを読みましたthrough2が、物事を明確にしませんでした。

だから、私の質問は: 実際のファイル名にアクセスするにはどうすればよいですか?