webpack configuration hints set (webpack-config)

webpack-config contains set of hints to check if your webpack configuration file (webpack.config.js) has the most recommended configuration.

Why is this important?

If you are building an app or a website using webpack, you need to be sure that your configuration is the best for your needs.

Hints

• webpack-config/config-exists
• webpack-config/is-installed
• webpack-config/is-valid
• webpack-config/module-esnext-typescript
• webpack-config/modules-false-babel
• webpack-config/no-devtool-in-prod

How to use these hints?

This package is installed automatically by webhint:

npm install hint --save-dev

To use it, activate it via the .hintrc configuration file:

{
    "connector": {...},
    "formatters": [...],
    "hints": {
        "webpack-config/config-exists": "error",
        "webpack-config/is-installed": "error",
        "webpack-config/is-valid": "error",
        "webpack-config/module-esnext-typescript": "error",
        "webpack-config/no-devtool-in-prod": "error",
        ...
    },
    "parsers": ["webpack-config", "typescript-config"],
    ...
}

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

Further Reading

• webpack Documentation