Overview

Wingsuit will compile all assets, which are @imported inside the design system or your apps/[app]/assets.js.

If you are missing an asset inside your dist folder or your webpack auto-reload is not working, check if this file is @imported.

You can configure the dist folder in your wingsuit.conf.yml. The default points to [root]/dist/app-[type]:

  apps: {
    storybook: {
      ...
      distFolder: 'dist/app-storybook',
      ...
    },

The asset preset compiles every asset to a separate output folder inside your dist folder.

Check out the webpack asset preset for more details!

Read further
Images & Icons
Learn how to use images and icons in your patterns.
SVG
Learn how to use svg assets in your patterns.
Javascript
Learn how to use javascript in your patterns.