Custom webpack configuration

Overview

Add a webpack hook to your wingsuit.config.js if you want to extend the webpack configuration:

module.exports = {
  webpack: function(appConfig) {
    return {
    // Custom Webpack.
    };
  },
  ...
  designSystem: {
    ...
  }
}

If you want to alter the final config, use the webpackFinal hook:

module.exports = {
  webpackFinal: function(appConfig, webpack) {
    // Alter final webpack config.
    return webpack;
  },
  ...
  designSystem: {
    ...
  }
}
Read further
Presets
Learn about presets and how to use them.
Components
Learn about creating and editing components.