💚 Themed Progress Plugin

A Webpack plugin featuring an emoji-themed loading bar for a fun and aesthetic build process.

• Motivation
• Example
• Usage
  • Installation
  • Configuration

Motivation

Traditional compilation processes can often be mundane and provide little visual feedback. ThemedProgressPlugin aims to bring a touch of light-hearted fun to everyday coding tasks by introducing a dynamic, emoji-themed loading bar which changes based on the date.

This brings an element of surprise and novelty to the typically routine compilation process, making it a more enjoyable part of the developer's day.

Example

Normal:

During Halloween:

Usage

Installation

First, install the package as a dev dependency:

# Using yarn
yarn add -D themed-progress-plugin

# Using npm
npm install -D themed-progress-plugin

Configuration

Configuring ThemedProgressPlugin is straightforward. After importing it, you simply need to add it to the plugins array in your Webpack configuration.

You can import ThemedProgressPlugin using either CommonJS or ES Modules. Here's an example of how to do this:

For CommonJS:

const { ThemedProgressPlugin } = require('themed-progress-plugin')

module.exports = {
  // other webpack configuration...
  plugins: [
    new ThemedProgressPlugin(),
    // other plugins...
  ],
}

For ES Modules:

import { ThemedProgressPlugin } from 'themed-progress-plugin'

export default {
  // other webpack configuration...
  plugins: [
    new ThemedProgressPlugin(),
    // other plugins...
  ],
}