How to include External CSS and JS file in Laravel 5

Question

I am Using Laravel 5 0   the Form and Html Helper are removed from this version   i dont know how to include external css and js files in my header file  Currently i am using this code    lt link rel  stylesheet  href   css bootstrap min css  gt   lt  ---  css file  --- gt   lt script type  text javascript  src   js jquery min js  gt  lt  script gt

User · Answer

i use this way  don t forget to put your css file on public folder   for example i put my bootstrap css on    root public bootstrap css bootstrap min css    to access from header    lt link href     asset  bootstrap css bootstrap min css       rel  stylesheet  type  text css   gt    hope this help

User · Answer

Place your assets in public directory and use the following  URL  to     example   lt link rel  stylesheet  type  text css  href     URL  to  css style css       gt   lt script type  text javascript  src     URL  to  js jquery min js       gt  lt  script gt

User · Answer

CORRECT  amp  SECURED WAY     If you have a external  css or  js file to add into your page   My version   Laravel Framework 5 7     If you want to add a External  js file      Copy your External codes  Run command npm install in your terminal  When the above command is executed you can see a folder named node modules  Then go to resources js  Open file app js  Scroll down to the bottom and paste your External JS  Finally run command npm run dev in your terminal    your scripts will be updated and its compiled and moved to public js app js   by adding a  js file in public folder will not effect on your page        If you want to add a External  css file      Copy your External styles  Run command npm install in your terminal  When the above command is executed you can see a folder named node modules  Then go to resources sass  Open file app scss  Scroll down to the bottom and paste your External Styles  Finally run command npm run dev in your terminal    your scripts will be updated and its compiled and moved to public css app css   by adding a  css file in public folder will not effect on your page    Easiest and the safest way to add your external  css and  js    Laravel JavaScript  amp  CSS Scaffolding  YouTube Compiling Assets

User · Answer

There are many ways to include external css and js files as specified in below code but you can choose one of them  i have tested them all  they work the same    lt link rel  stylesheet  href     asset  css stylesheet css         gt  lt  --Recommended-- gt   lt link rel  stylesheet  href     URL  asset  css somestylesheet css         gt   lt link rel  stylesheet  href     URL  to  css otherstylesheet css         gt   lt link rel  stylesheet  href     url  css anotherstylesheet css         gt    Maybe there are more ways to load it   but keep in mind that if you are loading the css and js from other than a public folder then better to use Laravel mix

User · Answer

Try it   You can just pass the path to the style sheet        HTML  style  css style css         You can just pass the path to the javascript       HTML  script  js script js         Add the following lines in the require section of  composer json file and run composer update  illuminate html    5      Register the service provider in config app php by adding the following value into the providers array    Illuminate Html HtmlServiceProvider   Register facades by adding these two lines in the aliases array    Form   gt   Illuminate Html FormFacade     HTML   gt   Illuminate Html HtmlFacade

User · Answer

Laravel 5 5 comes with mix   the replacement for Elixir  the external css sass  can be extracted to resources assets css sass  and import to app css scss  or give the correct path to your node module folder that contains the library and can be used as    lt link rel  stylesheet  href     mix  css app css        gt   The same can be done for Javascript too

User · Answer

Ok so I was able to figure out for the version 5 2  You will first need to create assets folder in your public folder then put css folder and all css files into it then link it like this      lt link href  assets css bootstrap min css  rel  stylesheet  gt    Hope that helps

User · Answer

I think that the right way is this one    lt script type  text javascript  src     URL  asset  js jquery js       gt  lt  script gt    Here I have a js directory in the laravel s app public folder  There I have a jquery js file  The function URL  asset   produces the necessary url for you  Same for the css    lt link rel  stylesheet  href     URL  asset  css somestylesheet css         gt    Hope this helps   Keep in mind that the old mehods       Form  script        and     Form  style        are deprecated and will not work in Laravel 5

User · Answer

I have been making use of    lt script type  text javascript  src     URL  asset  js jquery js       gt  lt  script gt   for javascript and        lt link rel  stylesheet  href     URL  asset  css main css       gt  for css  this points to the public directory  so you need to keep your css and js files there

User · Answer

At first  you have to put your  css or  js files in the public folder of your project  You may create subfolders to it and move the files into the subfolder  Then you have to do the followings   lt link rel  stylesheet  href    asset  css your css file css      gt   lt script src    asset  js your js file js      gt  lt  script gt    In my example  I have created two subfolders called css and js  I put all of the  css and  js files in corresponding folders and use them where ever I want them  Thank you and hope this helps you

User · Answer

First you have to install the Illuminate Html helper class   composer require  illuminate html   5 0      Next you need to open  config app php and update as follows    providers    gt          Illuminate Html HtmlServiceProvider  class       aliases    gt           Form    gt  Illuminate Html FormFacade  class    HTML    gt  Illuminate Html HtmlFacade  class       To confirm it   s working use the following command   php artisan tinker  gt  Form  text  foo     lt input name   foo   type   text   gt     To include external css in you files  use the following syntax       HTML  style  foo bar css

User · Answer

HTML  style  yourcss css         HTML  script  yourjs js

User · Answer

In laravel 5 1     lt link rel  stylesheet  href    URL  asset  assets css bootstrap min css      gt    lt script type  text javascript  src    URL  asset  assets js jquery min js      gt  lt  script gt    Where assets folder location is inside public folder

User · Answer

I may be late to the party but it s easy to include JS and CSS the Laravel Way by simply using asset   function  e g    lt link rel  stylesheet  href     asset  css app css         gt    Hope that helps

[php] How to include External CSS and JS file in Laravel 5

Examples related to php

Examples related to laravel-5