Я пытаюсь сделать мой внешний процесс оформления более модульным и изучаю webpack. Он поддерживает загрузчик стилей, который позволяет импортировать файл css и вставлять его в документ следующим образом:
require("style/url!file!./file.css");
// => add a <link rel="stylesheet"> to file.css to document
Однако мой основной упор делается на веб-сайты, а не на webapps 1 поэтому странно добавлять CSS через javascript. Но я могу просто быть старомодным, поэтому мне интересно: стоит ли загрузчик использовать для всех css или он предназначен только для загрузки небольших условных частей css?
И если он может быть использован для загрузки всех css, будут ли какие-либо штрафы при использовании созданного webpack bundle.js
для вставки css, а не для прямого связывания файла css в html? Кроме того, он явно ломается, если javascript не включен?
1: Разница в том, что у меня очень мало динамического контента, javascript играет лишь незначительную роль на этих веб-сайтах и что я не маршрутизирую с помощью javascript, а статические файлы .html для страниц