CSS模块的Emmet-VSCode自定义类属性继承扩展

Question

借助Emmet中内置的VSCode，div.mycssclassname扩展为<div className="mycssclassname">

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

像riov8 answer below这样的代码段适用于单个标签，这确实不错，但是在复杂的Emmet字符串扩展中却无法使用

在VSCode中，“ JavaScript React” syntaxProfile已经展开。到className。我该如何修改？语法语法在哪里？或者我可以创建custom Filter来对进行后期处理。进一步扩展？

Answer 1

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

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