機能説明

  • link rel=“stylesheet” タグのラッパータグです。
  • IM-JugglingでWARファイルを出力する際に選択する実行環境の値によって、最小化されたファイルを使用するかどうかを決定します。
  • 実行環境として「運用環境」を選択した場合、hrefに指定された文字列の最後の.cssを.min.cssに置換してhrefの文字列として使用します。
  • 「運用環境」以外を選択した場合、hrefに指定された文字列をそのままhrefの文字列として使用します。
  • hrefに指定するファイルは、最小化されたファイルと、元のファイルの2つ必要です。
  • 最小化されたファイルはあらかじめ用意してください。

属性一覧

注釈 属性名 説明 省略時の動作
href string 読み込みたいCSSのパスを指定します。 -
regexp string suffixで変更する対象の文字列を正規表現で指定します -
suffix string 最小化されたファイルのサフィックスを指定します。 min
無害化 その他 string ユーザ定義属性です -

サンプル

CSSを指定する

  • hrefに読み込みたいCSSのパスを指定します。
  • ここでは、%CONTEXT_PATH%/sample/custom.css と、最小化したファイル%CONTEXT_PATH%/sample/custom.min.css が配置されていることとします。
  • 実行環境が「運用環境」の場合、custom.min.css が、それ以外の場合 custom.css が読み込まれます。
HTML
<imart type="head">
  <title>sample page</title>
  <imart type="imuiLink" href="sample/custom.css" />
</imart>

suffixを指定する

  • サードパーティーのライブラリなど、最小化されたファイル名が min.css ではない場合に利用します。
  • ここでは、%CONTEXT_PATH%/sample/custom.css と、最小化したファイル%CONTEXT_PATH%/sample/custom.minimum.css が配置されていることとします。
  • 実行環境が「運用環境」の場合、custom.minimum.css が、それ以外の場合 custom.css が読み込まれます。
HTML
<imart type="head">
  <title>sample page</title>
  <imart type="imuiLink" href="sample/custom.css" suffix="minimum"/>
</imart>

suffixとregexpを指定する

  • サードパーティーのライブラリなど、最小化しない元のファイル名が xxx.css ではない場合に利用します。
  • ここでは、%CONTEXT_PATH%/sample/custom.source.css と、最小化したファイル%CONTEXT_PATH%/sample/custom.minimum.css が配置されていることとします。
  • 実行環境が「運用環境」の場合、custom.minimum.css が、それ以外の場合 custom.source.css が読み込まれます。
HTML
<imart type="head">
  <title>sample page</title>
  <imart type="imuiLink" href="sample/custom.source.css" suffix="minimum" regexp="source" />
</imart>