Load different JS files for each template

[nunodotferreira]

Hi Flovan

i'm wondering if it's possible to load a js file in one html file and not to load to a different html file!?

like this

index.html -> load main.js --- with all the files in the libs folder
company.html -> load main.js and otherfile.js just for this html template!

[flovan]

Of course it is ;) Although it's only barely touched in the View specific files chapter, which is probably why you missed it.

You can have both page-specific CSS and JS files, by using the following name structure:

view-the-name-of-your-html-file.{js|css}
^^^^^

When initialising a new project, you will find dummy files for index.html in assets/sass (_view-index.sass) and assets/js (_view-index.js). To use these, just remove the underscore from the name and optionally rename them to the page you want them in. Of course you can also just add a new file without any of the default code—just do whatever you like most.

[flovan]

@nunodotferreira did you figure out how to make the page-specific assets work?

[nunodotferreira]

Hi,

the feature that you describe i'm already using it! That's not it.

What i need is a solution to inject a specific js file in one specific html file. Not the main.js and not the page.js!?

[flovan]

I don't think that's possible at the moment 😢

You could figure out a way around it such as placing your file in a new folder (eg. assets/js_manual) and including the script tag yourself, above where the other scripts get injected. If it needs jQuery to work, you'll have to move jQuery to the new folder and include it manually as well. Everything inside of assets/js is included automatically on every page (except for view-* files), so this is the only way to get some more control over this.

At some point it becomes too hard for me to provide a solution that takes into account every single use case. This (as was #15) is one of those cases. I'll tag it for the next release and see what I can do, but for now you'll have try using a non-intuitive way to get it done..

[flovan]

Good news @nunodotferreira, I have just found out that you can have page-specific lib files as well. I had never tried it before, but if you have for example view-index-jquery-1.11.1.js, it will only be included on the index page.

Can you try this out and see if it resolves this issue?

[nunodotferreira]

I'll try it in my new project to see if this works!

[flovan]

@nunodotferreira Any news on this? I am wrapping up on v1.3, but I would like to have all the issues assigned to this milestone fixed first. I you haven't yet been able to check up on this, I will push this forwards to a next release so I can move on.

[nunodotferreira]

apparently this works fine!
i'm using this on my new work, and it's working.
if some issue appears, i'll post it here.

[flovan]

Nice! Thanks for responding so fast :)