The following guide will help you get through the upgrade process quickly and smoothly. This guide covers upgrading from Marko 4. If you are upgrading to Marko 5 from a previous version follow those docs first. After any given step you should have a working application.
This means you should complete a step and get it merged back into master fairly quickly. You shouldn't need to have a
marko-5-upgrade branch for your project that lives in limbo for a couple of weeks falling behind the other changes that are being merged into master.
If you do decide to pause and later jump in where you left off, be sure to repeat Step 0 first 😉.
Run your application and tests to ensure your project is in a working state. There's little worse than finding an issue after you've started the upgrade process only to figure out the issue existed beforehand.
Before we start, you'll want to make sure that you are already on the latest
4.x release of
npm install [email protected]^4
yarn upgrade [email protected]^4
Note: Do NOT run
npm install marko(without the
@^4). This will put you on Marko 5 and we're not quite there yet.
Run your application and tests and ensure that there are no deprecation warnings logged to the console. If there are, you should follow the instructions in the deprecation messages to avoid the deprecated pattern and migrate to the recommended pattern.
Additionally, any deprecation warnings that start with
MIGRATION are automatically migratable by
marko migrate. Most migrations are 100% safe and will run automatically. However, there are a few migrations which are considered unsafe: they may only get you 90% of the way there. These migrations will prompt and ask if you want to run the migration. It is highly recommended to run these only on a single component at a time and then finish the migration manually using the guide below so that your app is always in a working state.
Before upgrading to Marko 5, it is recommended to make sure that your Marko-related dependencies are up-to-date. Many packages have versions that support both Marko 4 and Marko 5. If one of your dependencies doesn't have a version that supports both, you'll need to wait to upgrade it until you're upgrading Marko.
After upgrading, run your application and tests to ensure that everything is still working as intended. If there are any issues, please refer to the changelogs of the modules you just upgraded to see if you need to make any changes within your app to accommodate the new versions.
Phew! With all the prep out of the way we're finally ready to upgrade
npm install [email protected]^5
yarn upgrade [email protected]^5
Note: Marko 5 has changed to using ES Modules. This means if you are using CJS modules to
requirea Marko template you will need to use the default property exported.const template = require("./template.marko"); // Should become const template = require("./template.marko").default; // If you are already using es modules things remain the same import template from "./template.marko";
Helpful? You can thank these awesome people! You can also edit this doc if you see any issues or want to improve it.