craco-plugin-standalone-single-spa

Craco plugin to start single-spa application configured with craco-plugin-single-spa-application

Dependencies

This package depends on craco-plugin-single-spa-application and CRACO so be sure to configure it before trying to apply this.

Installation

npm install craco-plugin-standalone-single-spa --save-dev

or

yarn add -D craco-plugin-standalone-single-spa

Usage

1. Open the craco.config.js file and apply the following changes:

const SingleSpaAppcracoPlugin = require('craco-plugin-single-spa-application');
const StandaloneSingleSpaPlugin = require("craco-plugin-standalone-single-spa");

// This is configuration of craco-plugin-single-spa-application. See documentation of craco-plugin-single-spa-application package for more details.
const singleSpaAppPlugin = {
  plugin: SingleSpaAppcracoPlugin,
  options: {
    orgName: "my-org",
    projectName: "my-app",
  },
}

const singleSpaStandalonePlugin = {
  plugin: StandaloneSingleSpaPlugin,
  options: {
    appOrParcelName: "@my-org/my-app",
    disabled: false // defaults to process.env.NODE_ENV !== "development". if true plugin will not process code
  },
}

// Keep any other configuration you are exporting from CRACO and add the plugin to the plugins array
module.exports = {
  plugins: [
    singleSpaAppPlugin,
    singleSpaStandalonePlugin
  ]
}

2. Run yarn craco start to start development server on port 3000. Port may be changed by setting PORT environment variable.

License

Licensed under the MIT License, Copyright ©️ 2023 Yevhen Domnenko. See LICENSE for more information.