css - Railsでアセットパイプラインを使用するようにCSSを切り替えますか?

Question

Rails 3.2.8 にアップグレードされた Rails 2.x アプリの従来の CSS ファイルが多数あり、スタイルシートに Rails アセット パイプラインを使用するように切り替えたいと考えています。問題は、大量のコード行、重複したファイル名、および整理されていないフォルダー構造に関して、CSS が乱雑であることです。

個々のページに目を通し、個々のスタイルシートとフォルダーをアセット パイプラインに追加しようとし、数サイクルのデバッグを行った後、おそらくもっと良い方法があることに気付きました。

古い CSS がアセット パイプライン CSS と一致することを確認するテスト方法はありますか? CSS のテストとデバッグに適したツールは何ですか?

Answer 1

私は、大規模なレガシー アプリケーションで同様の状況にあります。私はまだ移行を行っていませんが、期待している手順は次のとおりです。

• アセット パイプラインを無効にして最新の Rails 3.2.x にアップグレードします (完了しましたが、現在はテスト中です)。
• 最新の Rails 4.x にアップグレードします (バージョン間でアセット パイプラインが変更されたため)
• CSS ページを、すべてのページに適用されるものとページ固有のものに分けます。アセット パイプラインについては、すべてのページに適用されるもののみを含め、パイプラインを有効にします。
• 時間をかけて、すべてが最初のカテゴリに入るまで、ページ固有のルールをグローバル ルールに含めることができるように CSS を書き直します。

アセット パイプラインとは関係のない Rails 3.2 にアップグレードする利点が見られたので、これで成功です。競合することなくすべてのページに読み込まれる (または読み込まれる可能性のある) CSS および JS ファイルが多数あるため、その段階に到達することで改善が見られるはずです。残りのスタイルシートの移行は、時間の経過とともに、できれば安全な方法で行うことができます。

お役に立てれば。自明ではない Web アプリケーションでこの種の移行を行った人々からの他の回答を楽しみにしています。