JavaScript/CSSの外部化と結合

HTMLファイル内にインラインで記述されたJavaScriptやCSSを外部化することもできる(外部化と同時に外部化したファイルを圧縮することもできる)。

たとえばJavaScriptの外部化を行う場合、HTMLファイル内で<script>タグで囲まれている範囲を選択して右クリックメニューから「Rockstarapps」→「Export Script to File…」を選択すればよい。

図5: HTML内のJavaScriptを外部化

パッケージ・エクスプローラーなどで複数のJavaScript/CSSファイルを選択して右クリックメニューから「Rockstarapps」→「Concatenate JavaScript…」を選択することで複数のJavaScript/CSSファイルを1つにまとめることもできる。複数のJavaScriptライブラリを使用している場合、1つのファイルにまとめることでWebブラウザからのリクエスト時に1リクエストですべてのJavaScriptを取得することができるようになる。

図6: 複数のJavaScriptを1ファイルに結合(1)

図7: 複数のJavaScriptファイルを1ファイルに結合(2)

HTMLファイル中で外部JavaScript、CSSファイルをインポートしている<link>タグや<style>タグを選択して同様の操作を行うことも可能だ。この場合は<link>タグや<style>タグも統合され、結合後のファイルを参照するように書き換えられる。