AipoのJS,CSSを1つのファイルにまとめる設定

@iwasaki 347views 更新:2013年12月17日

Aipoの開発を行っていると、いつの間にかCSSやJavascriptが1つのファイルにまとめて圧縮されている、なんてのを目にすることがあります。

CSSやJavascriptのリクエスト数を減らす目的のため、1つのファイルにまとめるようにしています。

その設定は

https://github.com/aipocom/aipo/blob/master/war/pom.xml

に記載されています。

例えばCSSの場合、

<aggregation>
              <insertNewLine>true</insertNewLine>
              <output>target/aipo/themes/default/css/aui-all.css</output>
              <includes>
                <include>extend.css</include>
                <include>common.css</include>
                <include>aui.css</include>
             </includes>
            </aggregation>

でextend.css、common.css、aui.cssがまとめてaui-all.cssになっていることがわかります。

 

Javascriptの場合だと

<aggregation>
              <insertNewLine>true</insertNewLine>
              <output>target/aipo/javascript/aipo/common.js</output>
              <includes>
                <include>../../../../target/aipo/javascript/aipo/customize/form.js</include>
                <include>../../../../target/aipo/javascript/aipo/fileupload/form.js</include>
                <include>../../../../target/aipo/javascript/aipo/schedule/form.js</include>
                <include>../../../../target/aipo/javascript/aipo/todo/form.js</include>
                <include>../../../../target/aipo/javascript/aipo/workflow/form.js</include>
                <include>../../../../target/aipo/javascript/aipo/blog/form.js</include>
                <include>../../../../target/aipo/javascript/aipo/msgboard/form.js</include>
                <include>../../../../target/aipo/javascript/aipo/note/form.js</include>
                <include>../../../../target/aipo/javascript/aipo/exttimecard/form.js</include>
                <include>../../../../target/aipo/javascript/aipo/report/form.js</include>
                <include>../../../../target/aipo/javascript/aipo/activity/form.js</include>
                <include>../../../../target/aipo/javascript/aipo/account_user/form.js</include>
                <include>../../../../target/aipo/javascript/aipo/account_person/form.js</include>
                <include>../../../../target/aipo/javascript/aipo/gadgets_admin/form.js</include>
                <include>../../../../target/aipo/javascript/aipo/timeline/form.js</include>
                <include>../../../../target/aipo/javascript/aipo/page/form.js</include>
                <include>../../../../target/aipo/javascript/aipo/tutorial/tutorial.js</include>
                <include>../../../../target/aipo/javascript/aipo/calendar/weekly.js</include>
                <include>../../../../target/aipo/javascript/aipo/mygroup/form.js</include>
                <include>../../../../target/aipo/javascript/aipo/gpdb/form.js</include>
                <include>../../../../target/aipo/javascript/aipo/fileuploadadv/form.js</include>
              </includes>
            </aggregation>

で各機能ごとのJavascriptがまとめてcommon.jsになっていることがわかります。

各機能ごとのform.jsを編集した時に更新が反映がされない場合はwarフォルダ内を一度クリーンしてビルドしなおしてみてください。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません