新しくブログを開設しました。

Webエンジニアがデザイナーになってみる。


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

新しくブログを開設しました。

Webエンジニアがデザイナーになってみる。


JavaScriptのimport

CSSが複数ファイル存在する場合

HTMLの中に書くと



と量が多くわかりずらくなります

しかしCSSには以下の機能が存在します

@import

cssファイルの中に以下の形式でインポートします。

@import "css/base.css";

これによりHTMLファイルに書くCSSファイルは1つだけで良くなります。



ここからが本題です。

Javascriptで@importを実装するにはどうすればいいでしょうか?

Javascriptを@importしてみた


HTMLファイルに以下を記述します。



以下がimport.jsの中身です。

このようにJavascriptで記述することで、実装することができます。

ライブラリを使用した複雑なWebページになると、importするJSファイルも多くなってしまいます。

そのときはこれを使用してみるのも良いかと思います。
スポンサーサイト

テーマ:プログラミング - ジャンル:コンピュータ

<<Googleサイトが壊れたのかと思うサイト - Google Gravity - | ホーム | 楽天のGoogle Adsence 「ぴたっとアド」>>

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバック URL
http://kanamehackday.blog17.fc2.com/tb.php/168-03aa1ab7
この記事にトラックバックする(FC2ブログユーザー)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。