CX Design Build

As of BSI CX 22.0, the design build has been introduced and supersedes the previous CX design creator. Please refer to version 16.3 of the CX design documentation for more information about the CX design creator.

The design build was developed to facilitate the creation of templates. The NPM build compiles ZIP files that are uploaded to BSI CX using a webpack build.

The CX design build has the following functionality and tasks:

  • Parsing Twig templates for HTML

  • Formatting the generated HTML "nicely" and validating it

  • Parsing SCSS/SASS to CSS

  • Minifying and autoprefixing CSS

  • Merging and minifying JavaScript

  • Creating the ZIP file for the upload to BSI CX

A detailed description of the application and the configuration options of the design build are documented in the design build wiki at GitHub.

Please note: When creating designs with the CX design build, the generated artifacts (i.e., HTML, CSS, and JavaScript files) should not be directly edited. Instead, any modifications should be made in the source code itself.

Of course, you can also use a separate tool stack to develop a design. We do not recommend the development of a design directly in HTML, CSS, and JavaScript. This may work with small templates, but it quickly becomes confusing and error prone.