namics/webpack-config-plugins

Created Feb 19, 2021 · View the namics/webpack-config-plugins repository page

Provide best practices for webpack 4 loader configurations

Want this for your repo?

Render a free sample of any GitHub repo in seconds.

Visualize your own →

Contributors

11

Lines of Code

1,140

From

Jun 28, 2018

To

Apr 27, 2020

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.

Share this video