Ionic 8 Release: Installing older versions of Ionic

[liamdebeasi]

Hi everyone,

With the recent release of Ionic 8, I am sure many are eager to start trying out the new features. However, I also understand that some may not be ready to update to Ionic 8 just yet.

As a result, we have created some tags on npm to help developers stay on older versions of Ionic until they are ready to upgrade. These tags also apply to CDN URLs.

If you need help installing Ionic, please post on the Ionic Forum.

If you are running into bugs or have ideas for features, please open a new issue.

Thank you!

---

Ionic 7

Developers wishing to remain on Ionic 7 should install Ionic from the v7-lts tag:

NPM Example:

npm install @ionic/vue@v7-lts @ionic/vue-router@v7-lts

CDN Example:

<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@v7-lts/dist/ionic/ionic.esm.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@v7-lts/css/ionic.bundle.css" />

Ionic 6

Developers wishing to remain on Ionic 6 should install Ionic from the v6-lts tag:

NPM Example:

npm install @ionic/vue@v6-lts @ionic/vue-router@v6-lts

CDN Example:

<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@v6-lts/dist/ionic/ionic.esm.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@v6-lts/css/ionic.bundle.css" />

Ionic 5

Developers wishing to remain on Ionic 5 should install Ionic from the v5-lts tag:

NPM Example:

npm install @ionic/react@v5-lts @ionic/react-router@v5-lts

CDN Example:

<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@v5-lts/dist/ionic/ionic.esm.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/npm/@ionic/core@v5-lts/dist/ionic/ionic.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@v5-lts/css/ionic.bundle.css" />

Ionic 4

Developers wishing to remain on Ionic 4 should install Ionic from the v4-lts tag:

NPM Example:

npm install @ionic/angular@v4-lts

CDN Example:

<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@v4-lts/dist/ionic/ionic.esm.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/npm/@ionic/core@v4-lts/dist/ionic/ionic.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@v4-lts/css/ionic.bundle.css" />