github.com/namics/webpack-config-plugins ↗
Provide best practices for webpack 4 loader configurations
Open this visualization on its own page →
Contributors
11
Lines of Code
1,140
From
2018-06-28
To
2020-04-27
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.