Introduce
Modern.js runtime configuration should be centralized in the src/modern.runtime.ts file.
Info
If this file doesn't exist in your project yet, create it with the following command:
touch src/modern.runtime.tsBasic Configuration
import { defineRuntimeConfig } from '@modern-js/runtime';
export default defineRuntimeConfig({
router: {
// Router configuration
},
// Other runtime modules...
});Multi-Entry Configuration
For multi-entry applications, defineRuntimeConfig can accept a function that returns specific configurations based on the entry name:
import { defineRuntimeConfig } from '@modern-js/runtime';
export default defineRuntimeConfig(entryName => {
if (entryName === 'main') {
return {
router: {
// Router configuration for "main" entry
},
};
}
// Configuration for other entries
return {
router: {
// Other entry router configuration
},
};
});Tip
Using the src/modern.runtime.ts configuration approach does not support exporting asynchronous functions, which is related to the rendering method of Modern.js. If you need to add asynchronous logic, please use the Runtime Plugin.