Registry / devops / webpack-config-single-spa-ts

webpack-config-single-spa-ts

library8.0.0jsnpmunverified

A shared Webpack configuration for single-spa microfrontends using TypeScript. Version 8.0.0 is current, with active development and semver releases. It extends webpack-config-single-spa with TypeScript support via ts-loader and fork-ts-checker-webpack-plugin. Differentiators: tailored for single-spa module system, integrates a standalone plugin for development, and abstracts complex webpack setup. Requires typescript >=4 as a peer dependency.

devops

npm install webpack-config-single-spa-ts

github ↗package ↗

INSTALL

IMPORT

SIG · WEBPACK-CONFIG-SIN

webpack-config-single-spa-ts

devopsjavascriptv8.0.0

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–226 runs

build_error

glibc

node 18–226 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

default

✓ import webpackConfig from 'webpack-config-single-spa-ts'

✗ const webpackConfig = require('webpack-config-single-spa-ts')

Package exports a default function via ESM. CommonJS require works but ESM is preferred.

type ConfigOptions

✓ import type { ConfigOptions } from 'webpack-config-single-spa-ts'

✗ import { ConfigOptions } from 'webpack-config-single-spa-ts'

ConfigOptions is exported as a type only; use import type to avoid runtime errors in TypeScript.

require('webpack-config-single-spa-ts')

✓ const config = require('webpack-config-single-spa-ts')

CJS usage is supported; the default export is the config function.

Basic usage: import the default config function and export its return value with an entry point.

import webpackConfig from 'webpack-config-single-spa-ts'; export default webpackConfig({ // Required: specify your microfrontend entry point entry: './src/main.ts', // Optional: output filename outputFilename: 'my-app.js', // Optional: disable type checking for faster builds disableTypeCheck: false, });

Debug

Known issues

breakingUpgrade standalone plugin in v8.0.0

fix

Update standalone-single-spa-webpack-plugin to compatible version.

affects: >=8.0.0

deprecatedOlder versions use ts-loader defaults that may not support TypeScript 5

fix

Upgrade to v8.0.0 or manually configure ts-loader options.

affects: <8.0.0

gotchaType checking enabled by default slows builds; disable for development

fix

Set `disableTypeCheck: true` in config options for faster webpack rebuilds.

affects: >=6.0.0

gotchaOutput filename must be unique per microfrontend to avoid collisions

fix

Set `outputFilename` to a unique name like 'my-app.js'.

affects: *

deprecatedRequires Node >=16 as of v8.0.0

fix

Upgrade Node to v16+ or pin to older version.

affects: >=8.0.0

Errors

Common errors & fixes

Module not found: Error: Can't resolve 'ts-loader'

ts-loader is a peer dependency not installed automatically

fix

Run `npm install --save-dev ts-loader`

TypeError: webpackConfig is not a function

Importing the config incorrectly (named import instead of default)

fix

Use `import webpackConfig from 'webpack-config-single-spa-ts'` (no braces)

Configuration for rule has an unknown property 'issuer'

Using an incompatible version of webpack (requires webpack 5)

fix

Ensure webpack@5 is installed

Type error: Property 'ConfigOptions' does not exist on type

Importing ConfigOptions as a value instead of type

fix

Use `import type { ConfigOptions }`

Upgrade

Version history

8.0.0latest on npm

Audit

Dependencies

typescriptrequiredPeer dependency required for TypeScript compilation

Agent activity

6 hits · last 30 days

node

Resources

githubhttps://github.com/single-spa/create-single-spa ↗

packagehttps://www.npmjs.com/package/webpack-config-single-spa-ts ↗