This site uses cookies for analytics. By continuing to browse this site, you agree to this use.
A JS Foundation Project

Configurations

Configurations

A configuration is a package that contains a .hintrc configuration file. This makes it easier and faster for users to have webhint up and running and it also facilitates sharing configurations for different things such as: related hints, URLs to ignore, etc. When installing a configuration, all its dependencies (hints, connnectors, formatters, parsers) should be installed automatically as well.

To use a configuration, you have to:

  1. After installing webhint, install a configuration package. When running npm create hintrc, the wizard will list you the official configuration packages but you can search on npm. Any package @hint/configuration- or webhint-configuration- should be a valid candidate.
  2. Once installed, update your .hintrc to use it (this step is not needed if you are using the wizard):
{
"extends": ["configuration1"]
}
  1. You are done!

The property extends is string[] so you can extend from multiple configuration packages:

{
"extends": ["configuration1", "configuration2"]
}

The priority applies from left to right. Any values in your .hintrc file will take precedence. For example, the following will always use the summary formatter:

{
"extends": ["configuration1", "configuration2"],
"formatters": ["summary"]
}

Notes:

  • If you define the property formatters when extending a configuration, the formatters in the configuration will be replaced with the value you have defined.

  • If you define the property parsers when extending a configuration, the parsers in the configuration will be appended to the values you have defined.