Yii2 - How to include external js and css in view file

Question

I am trying to include my plugins and custom js files in

frontend/views/layouts/main.php

So I used this code for js and css

<link rel="stylesheet" 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>

but its not working. So what should I include to get my js and css files in view file?

Answer 1

If Your want to include script or css file in specific view you can use this :

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

or

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

Answer 2

For JS:

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

For CSS:

<?php $style= <<< CSS

   // CSS code here 

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

This works fine.