github.com/namics/webpack-config-plugins ↗

Provide best practices for webpack 4 loader configurations

An animated visualization of namics/webpack-config-plugins's Git history from June 2018 to April 2020, built by 11 contributors. The codebase reached 1,140 lines, mostly JavaScript. The video runs 41 seconds.

Render your own repo

Turn any GitHub repository into a video like this — free sample in seconds.

Visualize your own →

Open this visualization on its own page →

Language

JavaScript

Contributors

11

Lines of Code

1,140

From

2018-06-28

To

2020-04-27

Advertisement

About namics/webpack-config-plugins

This project provides a suite of pluggable webpack plugins that simplify loader configuration for common file types and frameworks. Instead of manually copying loader configs from various sources, developers can add pre-configured plugins for TypeScript, JavaScript, SCSS, fonts, and images. The plugins automatically adjust their settings based on webpack's development or production mode, following best practices adapted from established projects like Create React App and ts-loader.

The suite is designed as modular packages that can be used individually or combined. A common-config-webpack-plugin bundles all loaders together, while developers can opt for specific plugins like js-config-webpack-plugin, ts-config-webpack-plugin, scss-config-webpack-plugin, and dedicated asset plugins for fonts and images. The project supports zero-configuration setups, allowing webpack to run without a config file or even bootstrap a webpack-dev-server automatically.

Built with JavaScript and managed as a monorepo using Lerna, the project includes quality assurance through type checking and integration tests for both Windows and Unix environments. It targets webpack 4 with peer dependencies for flexibility, allowing teams to maintain control over specific dependency versions while benefiting from curated, production-ready loader configurations.

Advertisement

Share this video