File Structure

The design template has the following minimal structure:

/my-design-template
    /scripts
        ... WEM Runtime Scripts ...
    /styles
        ... Default Styles ...
        /default.less
    /mastertemplate.bwmt
    /thumbnail.png

Design Template

/mastertemplate.bwmt

This file serves as the main entry point of the design template and is mandatory for the WEM runtime to function correctly. It is similar to an index.html file found in many websites.

Thumbnail

/thumbnail.png

This is an optional image used in the Modeler to preview the design template.

Scripts

The /scripts folder is reserved for the WEM runtime. While you can use this folder for your own scripts, it cannot be guaranteed that your files will not be overwritten when you push changes to the design template.

For example, if you have your own /scripts/bootstrap.min.js, it will be overwritten if you include <% Uses Bootstrap latest %> in your design template. This behavior may change in the future.

Styling

The /styles folder is also reserved for the WEM runtime. You can add files to this folder, but it cannot be guaranteed that your files will not be overwritten when you push changes to the design template.

The /styles/default.less file serves as the main entry point for the stylesheet of the WEM application, but it can be overwritten.