{"library":"standalone-single-spa-webpack-plugin","title":"Standalone single-spa webpack plugin","type":"library","description":"A webpack plugin that enables running single-spa microfrontends in standalone mode for development, as an alternative to import-map-overrides. Current stable version is 6.0.0, released with breaking changes: moduleFormat now defaults to ESM instead of SystemJS, and HtmlWebpackPlugin option is now required. The plugin rewrites the microfrontend's HTML and JS to load and mount it as a standalone single-spa application or parcel, with support for import maps, custom props, and start options. It ships TypeScript types and requires webpack and html-webpack-plugin as peer dependencies. Key differentiators: built specifically for single-spa ecosystem, supports ESM and SystemJS module formats, integrates with import-map-overrides UI, and provides a local development experience that simulates the microfrontend being part of a larger single-spa application. However, it is not equivalent to integrated mode and has known pitfalls such as updated single-spa/SystemJS versions and missing global styles/scripts.","language":"javascript","status":"active","last_verified":"Sat Apr 25","install":{"commands":["npm install standalone-single-spa-webpack-plugin"],"cli":null},"imports":["const StandaloneSingleSpaPlugin = require('standalone-single-spa-webpack-plugin');","import StandaloneSingleSpaPlugin from 'standalone-single-spa-webpack-plugin';","import StandaloneSingleSpaPlugin = require('standalone-single-spa-webpack-plugin');"],"auth":{"required":false,"env_vars":[]},"links":{"homepage":null,"github":"https://github.com/single-spa/standalone-single-spa-webpack-plugin","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/standalone-single-spa-webpack-plugin","openapi_spec":null,"status_page":null,"smithery":null},"quickstart":{"code":"// webpack.config.js\nconst StandaloneSingleSpaPlugin = require('standalone-single-spa-webpack-plugin');\nconst HtmlWebpackPlugin = require('html-webpack-plugin');\n\nmodule.exports = {\n  plugins: [\n    new HtmlWebpackPlugin(),\n    new StandaloneSingleSpaPlugin({\n      appOrParcelName: 'my-app',\n      moduleFormat: 'esm', // defaults to 'esm' in v6\n      activeWhen: ['/'],\n      importMapOverrides: true,\n    }),\n  ],\n  devServer: {\n    historyApiFallback: true,\n  },\n};","lang":"javascript","description":"Adds the standalone plugin to webpack config with HtmlWebpackPlugin, enabling development of a single-spa microfrontend in standalone mode.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}