What is gulp-modernizr?

Modernizr is a tool that helps websites adapt to different browsers by detecting which features each browser supports. For example, it can tell whether a visitor's browser supports touch events, CSS grid layouts, or other web technologies, and lets your site respond accordingly. The gulp-modernizr plugin brings this capability into Gulp, a popular tool for automating repetitive build tasks in web development. What makes this plugin clever is that it scans your existing JavaScript code to find which Modernizr checks you're actually using, then builds a trimmed-down Modernizr file containing only those tests. So if your code checks for CSS object-fit support, the plugin spots that and includes just that test in the output. This means your site loads faster because you're not shipping a large file with dozens of tests you never use. You can also manually specify which tests to include or exclude, and configuration can be stored in a separate JSON file for easier management. This tool is designed for front-end developers who already use Gulp in their build process and want to include Modernizr feature detection in their projects. A practical example: if you're building a site that uses CSS grid for layout, you might use Modernizr to detect older browsers that lack grid support and serve them a fallback layout instead. Rather than hand-picking which tests to include, you let the plugin figure it out automatically from your code. One notable design choice is that the plugin deliberately does not minify the output file, which goes against some developers' expectations. The reasoning is that file compression is a separate concern that should be handled by another tool in the pipeline. This keeps the plugin focused on its single job: generating a custom Modernizr build based on what your project actually needs.