import文で画像やCSSを読み込むのはECMAScript仕様違反か - uhyo/blog

近頃のJavaScript開発は、モジュールとして書かれた複数のJavaScriptファイルをimport文やexport文を通じて連携させるのが基本です。また、それらのファイルはWebpackに代表されるバンドラによって事前に処理され、import文の解決・ファイルの結合といった前処理を施されるのが普通です。まったく、各ファイルが他に影響を与えないように(function(){ ... })()で囲んで文字列連結していた時代が懐かしいですね。 さて、import文の解決を担当するバンドラは、大抵JavaScriptプログラム以外のものを読み込む機能を備えています。Webpackならばloaderと呼ばれるものですね。例えば、style-loaderやcss-loaderが持つCSS Modulesの機能を使うと次のようなプログラムを書くことができます（Reactの例）。 import s

[su_zu_ki_1010]

多分仕様違反ではないんだろうけど、根拠がドラフト版なのはちょっと、と思った。ドラフト版はまだ下書きで、今後変更される可能性があるので、もしかしたら正規版では違反にするわ、となるかもしれない。

[yarumato]

“答えは「仕様違反ではない」となります。その理由は、JavaScriptプログラムで書かれたモジュール以外のモジュールであってもAbstract Module RecordやCyclic Module Recordとして取り扱えるような仕様になっているから”

[t_f_m]

あとで