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'%>は開発中に行います:
/>
/>

そして生産中:
/>

頑張ってください!

Source: https://habr.com/ru/post/J28884/


All Articles