Including CSS/JS assets from template folder

Question

I cannot seem to include my CSS and JS files from the craft/templates/ directory into my website.

I've looked at this answer - Serving CSS files from template folder - and it tells me I simply need to have a styles/styles.css folder and I use {% includeCssFile "/styles/styles.css" %} and it should work. But it doesn't. I have a similar problem with the javascript includes. {% includeJsFile "js/lodash.min.js" %} command works, but once I navigate to any other URL, it tries to include the file http://localhost/craft/news/2016/js/lodash.min.js.

My folder structure looks like this:

I'm trying to keep all my assets in this craft/templates/ folder because I created a git repo in the craft main folder.

Not an answer, but just wanted to point out that serving CSS/JS from the templates folder is considered a bad practice – Brandon outlines why in his answer to the thread you linked. — Mats Mikkel Rummelhoff, Dec 20 '16 at 12:37

score 2 · Accepted Answer · edited Apr 13 '17 at 12:51

2

Your example code worked for me - This may be down to using MAMP and having a config file that handles my siteUrl and assetsUrl.

There are a few questions already on Stack Exchange that relate to your folder structure and how to include assets in different templates.

edited Apr 13 '17 at 12:51

Community

1

answered Jun 27 '16 at 12:03

Luke Pearce

3,863
1
11
25

Including CSS/JS assets from template folder

1 Answers1

Linked