asset_packagerでJavaScriptとCSS on Railsを圧縮する

大規模なプロジェクトを作成するとき、ライブラリ、それらのプラグインなどの一連の個別のJavaScriptファイルが最終的に出てくることがよくあります。 また、定期的にいくつかのCSSに会うことができます。これらは主に、見やすくするために作られています。 また、良い意味で、全体には多くのコメントが付いているので、後で少なくとも何らかの形でそれを理解できます。

Railsの開発バージョンと製品バージョンは分離されているため、asset_packagerプラグインを使用して、すべてのコメントを切り捨てて、すべてのjsおよびすべてのcssファイルの2つのファイルへの自動圧縮プロセスを設定できます。

つまり 開発版では通常、スクリプトとスタイルがサポートされており、実稼働環境ではすべてが組み合わされてロードが高速化されます(ほとんどのブラウザーはjsファイルとcssファイルの並列ロードをサポートしていないため)。





使い方



  1. プラグインをインストールします。

    スクリプト/プラグインのインストールsbecker.net/shared/plugins/asset_packager

    または

    スクリプト/プラグインのインストールgit://github.com/sbecker/asset_packager.git

  2. 「rake asset:packager:create_yml」を実行して、config /config/asset_packages.ymlを初めて生成します。 どのファイルとどの順序で結合するかを説明します(構文は最も単純なyaml構成です)

  3. 「rake asset:packager:build_all」を実行して、圧縮ファイルを生成します。 構成を書き換えるたびに、タスクを再度実行する必要があります。




仕組み



たとえば、レイアウトにjavascriptを配置します。

<%= javascript_include_merged 'prototype'、 'effects'、 'controls'、 'dragdrop'、 'application'、 'foo'、 'bar'%>

開発版では、次のものを受け取ります:



















そして生産中:





同様に、スタイルの場合:

呼び出し<%= stylesheet_link_merged 'screen'、 'header'%>は開発中に行います:

/>

/>






そして生産中:

/>







頑張ってください!



All Articles