v3.0.0-beta.8

🚀 Features

• Added Vue 3 support
• Features can now have custom options for more refined configuration

💥 Breaking Changes

• Updated the features configuration value to an object rather than an array

🐛 Bug Fixes

• Added missing webpack HMR plugin when hmr flag was set

🧰 Maintenance

• Updated all NPM dependencies to their latest releases

---

Features configuration

The features configuration structure has changed from an array to an object of key/value pairs which enables more refined control. Vue is currently only taking advantage of this but others will follow suit in future updates when it becomes a need for them too. Using Vue as our example, the new structure looks like the below.

module.exports = {
  features: {
    vue: {
      version: 3,
    },
  },
}

You can find all the supported configuration options at the following link: https://github.com/aem-design/npm-compose-webpack/blob/develop/src/types/feature.ts#L28-L81.

For features that don't support options, you can configure them using a boolean value which is a toggle for enabled/disabled or pass an empty object.

module.exports = {
  features: {
    bootstrap: false,
    typescript: true,
    vue: {},
  },
}