Yii2 - Comment inclure js externe et css dans le fichier de vue

Je suis en train d'essayer d'inclure mes plugins et personnalisé fichiers js dans le

frontend/views/layouts/main.php

J'ai utilisé ce code pour js et css

<link  href="<?= Yii::$app->homeUrl; ?>chosen/chosen.css">
<script type="text/javascript" src="<?= Yii::$app->homeUrl; ?>js/jquery.fancybox.pack.js?v=2.1.5"></script>

mais sa ne fonctionne pas. Alors que dois-je inclure pour obtenir mes fichiers js et css dans le fichier de vue?

source d'informationauteur Kartz

  1. 6

    Y compris comme vous l'avez mentionné, n'est pas accueilli et de ne pas "Yii style".

    Il y a le couple de façons de le faire:

    1) Utilisation de l'actif faisceaux. Ce n'est pas forcément pour le placer dans AppAsset bundle. Par défaut, il est courant bundle et inclus dans le principal de mise en page pour que tous les actifs inclus seront publiés dans chaque vue.

    Vous pouvez créer votre propre AssetBundle.

    Noter que pour les actifs externes (qui sont à l'extérieur accessible sur le web directory) vous devez utiliser sourcePathautrement - basePath et baseUrl propriétés.

    À la fois avec toutes les options que vous avez à faire dans le cas de remplissage de $js et $css tableaux et $depends pour le réglage de dépendances si c'est nécessaire.

    Vous pouvez en lire plus par le lien ci-dessous.

    2) Utilisation registerCssFile() et registerJsFile().

    Première approche est préférable et recommandé dans les docs officielles. Il vous donne les dépendances de la manipulation et beaucoup plus.

    Officiel docs:

  2. 4

    Si vous voulez inclure un script ou un fichier css en vue spécifique, vous pouvez utiliser ceci :

    $this->registerJsFile("/path/to/your/file/in/web/folder/script.js");

    ou 

    $this->registerCssFile("/path/to/your/file/in/web/folder/style.css");
  3. 4

    Pour CSS:

    <?php $style= <<< CSS

   //CSS code here 

 CSS;
 $this->registerCss($style);
?>

    Pour JS:

    <?php 
 $script = <<< JS
   //Js Code Here 
 JS;
 $this->registerJs($script);

    Cela fonctionne bien.