public/js and css folder sudennly disappeared

The magic is that the files reside in the resources/js and resources/css folders. But then you use Laravel Mix in order to compile the assets, and they will magically appear in the public directory. :)

So I just need to use Laravel Mix for compilation and it will be OK? Could you plz give me more info about what should I write to console?

@mego you should read the documentation, that's why I provided you with a direct link above. But yes, after you compile the assets using npm run production for example you will need to reference those files:

<script src="{{ mix('/js/app.js') }}"></script>

// and
<link href="{{ mix('/css/app.css') }}"></script>

Set the file names as per your project. They will be available in your public folder. You always change the files in the resources folder, run the npm task and then you use the compiled files from the public folder.

What to do if I don't have and don't want to have and use npm? I don't need it :-/

@mego then you don't want to get the advantages that webpack provides as it seems. You don't have styles and scripts? You don't want them compiled? You will use the full heavy versions of them?

Then just copy and paste them in your FTP public folder.

Yes, but I have not that versions. :-/

@mego if you are working with Laravel 6.0, this is a video for you, that Jeffrey released today.

Do you have a correct folder structure. Is main laravel above public_html. Npm is optional you can still just load your own assets any way you wish.

From docs

quote

you are free to use any asset pipeline tool you wish, or even none at all.

end quote

Myself I use a small amount of custom css, not bootstrap, I just load them like:

<link href="{{ asset('assets/css/styleedit.css' )}" rel="stylesheet">

But most recommend the compiling where you are using a large amount of assets.

Mainly has to do with versioning.

Just to have it, I did download manually bootstrap.css the compiled smaller one, renamed to app.css and placed where app.css would normally go. I do not change my css often enough to worry about npm.

That way app.css is still used to style login, register, and pagination.

I followed all what you said, but my css file is empty. Is it correct?

Mix node and all that stuff has nothing to do with that.

Like I said I just downloaded bootstrap and renamed app CSS and I was good to go in 2 minutes.

But where is calling what? what's your folder structure, troubleshoot your way through this, it's not that hard. Right click, view source, etc

Obviously CSS files have to be placed at a certain place to be properly used.

@nakov

You don't want them compiled? You will use the full heavy versions of them?

No bootstrap has minified also for download. So does jquery.

@mego See these:

http://novate.co.uk/deploy-laravel-5-on-shared-hosting-from-heart-internet/

Has images https://laracasts.com/discuss/channels/laravel/next-issue-fonts-and-images-arent-visible

On a shared host you need correct folder structure.

May I know what is the reference that you typed in the link. thank you

@kixapol Simply "run npm run dev" and you will get CSS and JS folder in public directory.