Are there official ESLint rules for lightning Web Components?
Official ESLint rules for Lightning Web Components (LWC). Add @lwc/eslint-plugin-lwc to the plugins section of your configuration. Then configure the desired rules in the rules sections.
How to parse LWC files with ESLint plugin?
In order to parse the LWC files properly, set the parser field to @babel/eslint-parser. For more details about configuration please refer to the dedicated section in the ESLint documentation: https://eslint.org/docs/user-guide/configuring
What does ESLint config-LWC do in Salesforce?
@salesforce/eslint-config-lwc/extended This configuration restricts the use of some Javascript language features that are sometimes slow in older browsers, such as IE11. To support new Javascript syntax and language features on an older browser, the Lightning Web Components compiler transforms the Lightning Web Components modules.
How to add ESLint plugin to lightning plugin?
Add @lwc/eslint-plugin-lwc to the plugins section of your configuration. Then configure the desired rules in the rules sections. Some of the syntax used in Lightning Web Components is not yet stage 4 (eg. class fields or decorators), and the out-of-the-box parser from ESLint doesn’t support this syntax yet.
How does ESLint work with pluggable JavaScript linter?
If the rule is defined within a plugin, you have to prefix the rule ID with the plugin name and a /. This option instructs ESLint to try to fix as many issues as possible. The fixes are made to the actual files themselves and only the remaining unfixed issues are output.
How can I change the rules in ESLint?
ESLint comes with a large number of built-in rules and you can add more rules through plugins. You can modify which rules your project uses either using configuration comments or configuration files. To change a rule setting, you must set the rule ID equal to one of these values: