用于 CSSmodules 的 Emmet-VSCode 自定义类属性缩写扩展

Question

在Emmet中内置VSCodediv.mycssclassname扩展到<div className="mycssclassname">

但是，因为我使用的是启用了 CssModules 的 Webpack，所以我需要div.mycssclassname才能扩展到<div className={classes["mycssclassname"]}>

像下面的 riov8 答案这样的片段适用于单个标签，这真的很好，但它不适用于复杂的 Emmet 字符串扩展

在 VSCode 中，"JavaScript React" 语法 Profile 已经扩展了 . 到 className。我该如何修改它？语法配置文件逻辑在哪里？，或者我可以创建自定义过滤器来后处理.进一步扩张 ？

Answer 1

在html.json中创建普通代码段

{
"Webpack Class": {
"prefix": [
"wpc"
],
"body": [
"<${1} className={classes["${2}"]}>${3}</${1}>"
],
"description": "Webpack tag with a class"
}
}