DEPRECATION WARNING
This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.
npm, bower and grunt¶
Install node, bower and grunt to use the build features.
Initialisation¶
Open a command line tool and change to the directory fileadmin/bsdist/ of your new TYPO3 instance.
- Install the node packages.
npm update
- Use bower to install the main components.
bower update
Font Awesome will not be installed in the default configuration! See file bower.json.
After sucessfully installing the node packages and bower components there are two new folders in fileadmin/bsdist.
- The grunt task init copies files from bower_components/ to lib/ and executes all tasks (full).
grunt init
Update merged and minified CSS and Javascript¶
When CSS and JavaScript files were added or modified you may use the default grunt task to merge and minify the resources.
grunt
Or use tools in your IDE...
The files in lib/ - i.e. bootstrap scss - are not processed with the default task. Only the task group named full sassifies and concats the resources in lib/.
grunt full