skills.rest
module-federation
module-federationOFFICIAL
Explore all skills by this author →
Website𝕏@scriptedAlchemyGitHub

mf-perf

Analyze Module Federation local development performance configurations for slow HMR and build speeds.

2.6k|423|Updated Oct 24, 2020
Search Tags:#typescript#performance#optimization#module federation#HMR#rspack#build speed
One-click install
npx skills add https://github.com/module-federation/core --skill mf-perf
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mf-perf
Source: https://github.com/module-federation/core/tree/main/skills/mf-perf
Command: npx skills add https://github.com/module-federation/core --skill mf-perf

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill addresses slow Hot Module Replacement (HMR) and build times in Module Federation projects by detecting and recommending optimizations for performance-related configurations.

Core Features & Use Cases

  • Performance Auditing: Analyzes your Module Federation setup for common performance bottlenecks.
  • Configuration Recommendations: Provides specific, actionable advice for improving build and HMR speeds.
  • Automated Optimization: Offers to automatically switch to faster tools like ts-go for TypeScript compilation if it's a bottleneck.
  • Use Case: A developer experiencing sluggish local development feedback loops can use this Skill to identify and fix issues related to bundle analysis, chunk splitting, and type generation.

Quick Start

Use the mf-perf skill to check the performance configuration for the current project.

Frequently Asked Questions about mf-perf

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I optimize Module Federation slow HMR and build speeds?▼

To optimize Module Federation slow HMR and build speeds, audit local development configurations to disable assets analysis, optimize splitChunks, and manage TypeScript DTS generation for faster feedback loops.

What causes slow Hot Module Replacement in Rspack Module Federation projects?▼

Slow Hot Module Replacement in Rspack Module Federation projects is often caused by unoptimized splitChunks, enabled assets analysis, or heavy TypeScript DTS generation blocking local development compilation pipelines.

Can I use this performance optimization with Webpack and Rsbuild setups?▼

Yes, you can apply this performance optimization with Webpack and Rsbuild setups. The analysis detects configuration bottlenecks and recommends improvements for any Module Federation project using TypeScript.

What is the best way to speed up TypeScript compilation in Module Federation?▼

The best way to speed up TypeScript compilation in Module Federation is to analyze DTS generation bottlenecks and switch to faster tools like ts-go to accelerate local build times automatically.

How do I audit Module Federation configurations for performance bottlenecks?▼

You audit Module Federation configurations for performance bottlenecks by analyzing local development setups to detect slow HMR triggers, providing actionable advice on chunk splitting and type generation.

Related Skills

Explore More Software Engineering Skills→
brGuirrabrGuirra

mf-perf

Analyze Module Federation configurations to detect HMR and build speed optimizations.

Community
Intermediate
NagyViktNagyVikt
2

turbopack

Configure Turbopack settings and migrate Webpack loaders in Next.js 16 builds.

Community
Advanced
module-federationmodule-federation
2.6k

mf-integrate

Configure Module Federation for Rsbuild, Rspack, Webpack, Modern.js, Vite, and Next.js projects.

Official
Advanced
partme-aipartme-ai
610

rspack

Configure Rspack bundler with plugins, loaders, and Webpack migration guidance.

Official
Intermediate