imuiLink
コンポーネント情報 | |
---|---|
モジュール | im_ui |
導入されたバージョン | 8.0.4 |
バージョン | 8.0.4 |
機能説明
- 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>