是否可以使用 ESLint 来 lint Handlebars 模板？

Question

I'm trying to write an ESLint plugin for Ember to check if the handlebars template together with javascript code has no issues.

To achieve that, I need to lint .js component code together with .hbs component template.

I don't have much experience with writing ESLint rules, but I guess all I need is to somehow turn those .hbs files into AST and then lint it as usually, but I don't know how to do that.

Are those AST produced by Js and Handlebars even compatible?

Answer 1

I believe https://www.npmjs.com/package/eslint-plugin-html does what you're looking for:

A[n] ESLint plugin to lint and fix inline scripts contained in HTML files.

By default, this plugin will only consider files ending with those extensions as HTML: .erb, .handlebars, .hbs, .htm, .html, .mustache, .nunjucks, .php, .tag, .twig, .we. You can set your own list of HTML extensions by using this setting.