从非公共目录加载CSS或JavaScript

Question

is there a way to load css and/or javascript files from outside of the public web directory?

for example on my hosting service i have /public_html but don't want these files to exist in the public directory and want them in a directory outside of the public directory in a sibling directory /system (i am using codeigniter) within the /system/application/view/

Answer 1

Ultimately, Javascript and Stylesheets are processed on the client side. For that reason, there is no solution that would truly hide your javascript or CSS from the public.

One possible solution is to load the required CSS/ Javascript file via PHP using something like file_get_contents() and then outputting that directly to the page using inline styles / scripts.

This doesn't really solve your problem of hiding the code / styles from the public though. It would give you the option of filtering all code and styles through some kind of packer or obfuscatory, although there's no reason you couldn't do that with your static files (and at much less of a processing expense)

Answer 2

Yes -- in a way -- and Minify [ http://code.google.com/p/minify/] is one approach.

Look at line 39 of the config file [ http://code.google.com/p/minify/source/browse/trunk/min/config.php] . Here you will see where your minified cache sits outside of the web root. Now, I do not know if the source JS and CSS can sit in the same directory as the cache.

Answer 3

Not without a public facing proxy.

You will need to file_get_contents() or include them and then serve them to your page.

You can not just do ../../system and get above the DOCROOT.

They need to be processed by the browser, so they need to be accessible.

If you want to hinder people viewing your source in a human readable way, check out CSS minify and JS packer . These of course are only obfuscating the code. Anyone determined will be able to read your JavaScript and see what it does.

Why don't you want people to read your CSS or JavaScript?

Answer 4

I know what you mean twmulloy, it seems inconsistent to have 'view' related information in different places. However, consider that the JS and CSS files are resources that support the views, rather than parts of the view themselves.

That said, you can achieve what you want in a number of ways. One might be to write a controller that accepts requests for your JS/CSS assets and outputs a header and data from the relevant place (a view file, the database, anywhere in fact). However, this is inefficienty compared to just accepting the 'untidiness' of popping the files in a subfolder of the root level public_html. I, like many commentors above, feel this is the best solution for its speed and appropriateness; just having an 'assets' directory at the same level as the 'system' one, with images, css, js etc inside. You could use an alias or virtual folder to make things feel better for you...

However, there is a third way. There are libraries that do something JUST like what you want, with the added benefit of Minify (from the accepted answer) and compression, or whatever you fancy. The two libraries I know of are called AssetLibPro and Carabiner, and these allow you to specify an asset path (as you want), and then you load your JS and CSS files (with groups eg screen, print if needed). They then serve up all related CSS/JS etc as one file; compressed, minified, cached... whatever you need.

• Carabiner: http://codeigniter.com/wiki/Carabiner/
• AssetLibPro: http://codeigniter.com/forums/viewthread/78931/