Webpack

Skill a5c-ai/babysitter/library/specializations/web-development/skills/webpack

Webpack configuration, module federation, loaders, plugins, and optimization.From its SKILL.md

Install

npx -y skills add a5c-ai/babysitter --skill webpack

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

SKILL.md

1.4 KB, 234 tokens by cl100k_base, as published. Nobody here has run it

Webpack Skill

Expert assistance for Webpack configuration and optimization.

Capabilities

Configure webpack for production
Set up Module Federation
Create custom loaders/plugins
Optimize bundle size
Configure code splitting

Configuration

const { ModuleFederationPlugin } = require('webpack').container;

module.exports = {
  mode: 'production',
  entry: './src/index.js',
  output: {
    filename: '[name].[contenthash].js',
    chunkFilename: '[name].[contenthash].chunk.js',
  },
  optimization: {
    splitChunks: {
      chunks: 'all',
      cacheGroups: {
        vendor: {
          test: /[\\/]node_modules[\\/]/,
          name: 'vendors',
        },
      },
    },
  },
  plugins: [
    new ModuleFederationPlugin({
      name: 'app',
      remotes: { shared: 'shared@http://localhost:3001/remoteEntry.js' },
    }),
  ],
};

Target Processes

build-optimization
micro-frontend-architecture
legacy-migration

What ships with it: 1 file

323 B alongside SKILL.md