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

webhint development configuration

webhint development configuration

To examine your raw source, use @hint/configuration-development.

NOTE: To examine development and live websites, use @hint/configuration-web-recommended.

This webhint configuration package is installed automatically by webhint.

To install webhint, run the command in the following code snippet.

npm install hint --save-dev

NOTE: The recommended way of running webhint is as a devDependency of your project.

Copy the following code snippet and add it to your .hintrc file.

{
    "extends": ["development"]
}

The following code snippet is an expanded version of the previous code snippet.

{
    "connector": "local",
    "extends": [
        "accessibility",
        "progressive-web-apps"
    ],
    "formatters": [
        "html",
        "summary"
    ],
    "hints": {
        "axe": "error",
        "babel-config/is-valid": "error",
        "disown-opener": "error",
        "highest-available-document-mode": "error",
        "manifest-exists": "off",
        "meta-charset-utf-8": "error",
        "meta-viewport": "error",
        ...
    },
    "hintsTimeout": 10000
}

The following code snippet includes another formatter (or any other hint or connector, and so on).

{
    "extends": ["development"],
    "formatters": ["codeframe"]
}