Where do javascript and css files go in a laravel project

Question

Where should static javascript and css files in a Laravel 4 application. For the sake of my own understanding, I'm not interested in using any sort of assets or packages yet.

I tried putting them under public/js and public/packages to no avail, getting the following 404 errors in my page:

GET http://localhost/~myuser/mytest/packages/test2.js 404 (Not Found)
GET http://localhost/~myuser/mytest/js/mytest.js 404 (Not Found)

Here is what my .htaccess file looks like for reference:

Options +FollowSymLinks
RewriteEngine On
RewriteBase /~myuser/mytest/public/

RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.php [L]

laravel documentation

Will N
– Will N

2014-04-05 01:41:55 +00:00
Commented Apr 5, 2014 at 1:41 — Will N
– Will N, Commented Apr 5, 2014 at 1:41

dev7 · Accepted Answer · 2014-04-05 01:52:48Z

28

All assets should be placed in the public folder

public/js
public/css
public/fonts
public/images

You can access the assets using the asset() method or the Laravel HTML helper methods HTML::script and HTML::style. i.e to include Javascript file:

 - <script src="{{ asset('js/yourfile.js') }}"></script>

 - {{ HTML::script('js/yourfile.js') }}

Hope this helps!

answered Apr 5, 2014 at 1:52

dev7

6,4196 gold badges36 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

horse Over a year ago

@Yani How can I point different servers in asset function? For example, I want to have asset('192.168.2.4/jscr.js') in development and asset('s.mysite/jscr.js') in production.

dev7 Over a year ago

@user2356198 asset() is not designed to support external scripts from outside your project folder. In your case, I'd write a helper function (i.e myAsset("jscrs.js")) and define a environment variable in your .env file which will be different in local and production environments.

horse Over a year ago

@Yani I mean I would use asset in master blade file, not in js file.

dev7 Over a year ago

@user2356198 not sure what you mean by that. You're more than welcome to post a new question on StackOverflow with some of your code and send me a link to it so I can try and answer..

Paresh Gami · Accepted Answer · 2014-04-05 01:44:45Z

2

Inside the laravel folder you got public folder put css and js files here and access like this

<!doctype html>
<html lang="en">
    <head>
        <title>{{$title}}</title>
        {{HTML::style('css/style.css')}}
    </head>
    <body>
        @include('layouts.nav')      
        @yield('content')
    </body>
</html>

answered Apr 5, 2014 at 1:44

Paresh Gami

4,7926 gold badges28 silver badges44 bronze badges

1 Comment

Pathros Over a year ago

What if you need to include some specific .js files for some views and then other .js files for other views? How do you handle or organize that?

Collectives™ on Stack Overflow

Where do javascript and css files go in a laravel project

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related