フロントエンドの設計プロセスをよりモジュール化しようとしており、webpackを検討しています。スタイル ローダーをサポートしているため、css ファイルをインポートして、次のようにドキュメントに挿入できます。
require("style/url!file!./file.css");
// => add a <link rel="stylesheet"> to file.css to document
ただし、私の主な焦点は webapps 1ではなく web サイトであるため、javascript を使用して css を追加するのは奇妙に感じます。しかし、私は時代遅れかもしれないので、疑問に思っています.ローダーはすべてのcssに使用されることを意図しているのか、それともcssの小さな条件付き部分をロードすることのみを意図しているのか?
また、すべての css をロードするために使用できる場合bundle.js、html で css ファイルを直接リンクするのではなく、css を挿入するために生成された webpack を使用するときにペナルティはありますか? JavaScriptが有効になっていない場合、明らかに壊れていますか？
1: 違いは、動的コンテンツがほとんどないこと、これらの Web サイトで JavaScript が果たす役割は小さいこと、JavaScript を使用してルーティングしていないが、ページに静的な .html ファイルがあることです。