JS, chargeur de ressources CSS, comment gérer

Question

En raison de problèmes historiques, l'entreprise n'a pas utilisé de chargeurs de ressources. Il s’agit d’utiliser ce que vous voulez. Diverses références à la page. J'ai déjà utilisé SeaJS, mais j'avais l'impression qu'il y avait beaucoup de pièges. Le site officiel a désormais disparu. o(╯□╰)o.
Quelle est la solution dominante actuellement ?
Le développement de pages traditionnel nécessite une gestion CSS.

Answer 1

1.grunt
associé à
grunt-rev
grunt-usemin
2.gulp
associé à
gulp-rev
gulp-useref

Answer 2

Il existe deux types de modularisation, l'une est implémentée sur le client (navigateur) et l'autre est implémentée par prétraitement côté serveur.

L'essence de la modularité JS est que chaque module est relativement indépendant et ne pollue pas la situation globale, et peut également assurer des dépendances.
L'implémentation sur le client est requireJS ou seaJS. Je pense qu'il n'y a que quelques différences de syntaxe entre les deux, mais les principes sont les mêmes.
La mise en œuvre du prétraitement peut être webpack ou browserify.

CSS est désormais essentiellement prétraité pour atteindre la modularité, implémenté via divers préprocesseurs, tels que sass et less. . .

Bien sûr, Webpack est suffisamment puissant pour tout regrouper.

Bien sûr, si les exigences ne sont pas très élevées, vous pouvez utiliser gulp+gulp-useref pour réaliser un packaging simple et brut. Il combine plusieurs fichiers en un seul et écrit le chemin de l'objet synthétisé dans la page. JS.