Dependency Management

Overview

npm dependencies are crucial to any modern web application. Shogun Frontend allows you to add npm dependencies to your store with ease.

📘

If unsure if a dependency is compatible with your store, contact your Shogun representative.

Adding a dependency

  1. Go to the Sections page using the right side menu.
  2. Click on any Section or Component.
  3. On the left side of the IDE, click on the + icon under Dependencies.
  4. Enter the npm dependency name.
  5. Click on the desired dependency and select the version from the dropdown menu. The latest version is selected by default.
  6. Click on ADD DEPENDENCY.

The dependency should be installed and ready to use.

Updating a dependency version

  1. Go to the Sections page using the right side menu.
  2. Click on any Section or Component.
  3. On the left side of the IDE, look for the dependency to have its version updated.
  4. Select the desired version from the dropdown menu.

Removing a dependency

🚧

Important

Before removing a dependency, make sure your store is not using it on any Section or Component.

  1. Go to the Sections page using the right side menu.
  2. Click on any Section or Component.
  3. On the left side of the IDE, look for the dependency to be removed.
  4. Click on the X icon; a confirmation modal will appear.
  5. Confirm that you want to remove the dependency by clicking on DELETE DEPENDENCY.