Maison > interface Web > tutoriel CSS > Peut-on exiger l'introduction de CSS ?

Peut-on exiger l'introduction de CSS ?

藏色散人
Libérer: 2022-12-30 11:12:53
original
4306 Les gens l'ont consulté

require peut introduire CSS. La méthode d'introduction de CSS est la suivante : téléchargez d'abord le plug-in require-css puis modifiez la configuration require.config et enfin appelez la méthode require_css ; page et transmettez l’adresse CSS.

Peut-on exiger l'introduction de CSS ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5&&CSS3, ordinateur DELL G3.

Recommandé : Tutoriel vidéo CSS

Lors de l'utilisation du développement modulaire require, dans la configuration require.config, lors de la définition du chemin d'importation du module, certains d'entre eux doivent comptez sur css , cette fois vous devez transmettre le plug-in require-css, qui peut être téléchargé depuis github à l'adresse : https://github.com/guybedford/require-css.

Il y en aura beaucoup téléchargés via cette adresse, comme indiqué ci-dessous, nous n'avons besoin que du fichier css.js/css.min.js.

Peut-on exiger lintroduction de CSS ?

2. Ajoutez la configuration suivante à la configuration require.config :

Peut-on exiger lintroduction de CSS ?

3. Après cela, vous pouvez ajouter des dépendances au shim dans la configuration require.config Lors du chargement d'ELEMENT, vous devez charger index.css à l'avance. La méthode d'écriture est la suivante :

shim:{
    "ELEMENT": {
        "deps": ["vue", "css!assets/vue/element-ui/lib/theme-chalk/index.css"]
    }
},
Copier après la connexion

4. Le problème de la dépendance du module vis-à-vis du CSS a été résolu ci-dessus, mais parfois, lorsque vous devez introduire un certain CSS séparément, bien sûr, vous pouvez le faire glisser directement vers le fichier CSS. page html à charger. Mais si vous ne souhaitez pas faire cela, vous pouvez l'implémenter en réécrivant require.config à ce moment-là. Écrivez la configuration require sous forme de variable, puis initialisez-la sur la page, comme indiqué ci-dessous :

Peut-on exiger lintroduction de CSS ?

Pour implémenter la méthode d'écriture dans l'image ci-dessus, vous devez d'abord préparer un fichier base.js. Dans ce fichier, il vous suffit d'écrire document.body.style.visibility = 'visible'; cette phrase suffit (vous pouvez également en écrire d'autres), puis ajoutez une méthode dans le même js configuré dans requireConfig pour ajouter du CSS à la dépendance de base. La méthode d'écriture est la case rouge dans la figure ci-dessous.

Appelez ensuite la méthode require_css sur la page et transmettez l'adresse css, pour que le css soit introduit dans la page. L'écriture est la suivante :

Peut-on exiger lintroduction de CSS ?

C'est tout.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal