launchpad development|
Size: 1486
Comment:
|
Size: 812
Comment:
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 15: | Line 15: |
| == Dynamic import of YUI CSS == | == Adding a new CSS file == |
| Line 17: | Line 17: |
| Sometimes when you import new YUI3 modules as above, you may still continue to see the security warning because YUI is dynamically loading the CSS required for the new modules from its own servers. To avoid this you can tell YUI the base directory for its imports like this: | Launchpad combines and minifies all of its CSS files into 'combo.css' before publishing them. You can add a new CSS file to the list by editing `buildout-templates/bin/combine-css.in` |
| Line 19: | Line 19: |
| {{{ <script type='text/javascript' tal:content="string:var yui_base='${yui}';" /> <js tal:replace="structure string:<script type='text/javascript'> YUI({base: yui_base + '/'}).use( }}} Or if this is part of a general CSS component, it's better to add that CSS to the main template. ''That depends if the YUI Loader can tell that it's required CSS files are already present on the page. Unlike JS files, when you read a CSS file, there is nothing to indicate that it fulfills a YUI Loader requirement. -- [[LaunchpadHome:mars]] <<DateTime(2009-03-12T15:13:20Z)>>'' |
The Launchpad JavaScript Build System
Most of the Launchpad JavaScript is bundled, minified, and distributed in one large stand-alone file: launchpad.js.
Adding new YUI3 JavaScript modules
A special script, utilities/yui_deps.py, looks in the main site template for <script> lines that point to YUI3. The corresponding minified script files are extracted from the current YUI3 build and added to launchpad.js.
To add a new YUI3 dependency, just add a new <script> line to the main site template.
Adding a new CSS file
Launchpad combines and minifies all of its CSS files into 'combo.css' before publishing them. You can add a new CSS file to the list by editing buildout-templates/bin/combine-css.in
