This documentation is not using the current rendering mechanism and will be deleted by December 31st, 2020. 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.


Open a command line tool and change to the directory fileadmin/bsdist/ of your new TYPO3 instance.

  1. Install the node packages.
npm update
  1. 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.

  1. 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.


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