VSCode 插件的 eCSSTractor 不适用于 className答案

【问题标题】：eCSSTractor for VSCode plugin not worked with classNameVSCode 插件的 eCSSTractor 不适用于 className
【发布时间】：2020-10-17 02:24:28
【问题描述】：

eCSSTractor 不适用于 react jsx 语法。不翻译 CSS 中的“className”元素。在 setting.JSON 中写规则 - "ecsstractor_port.attributes": "className"

谁能告诉我问题出在哪里？

【问题讨论】：

【解决方案1】：

转到扩展文件夹 C:/User/.vscode/extensions/diz.ecsstractor-port-0.0.3/extension.js
替换这个表达式 processedEls.filter((el) => { return typeof el.attribs.class !== 'undefined' && el.attribs.class.trim() !== ''; }).forEach(el => { var cssClasses = el.attribs.class.split(' ').filter(className => className.trim() !== ''); cssClasses.forEach(cssClass => { if (outputClasses.indexOf(cssClass) === -1) { outputClasses.push(cssClass); } }); }); 用这个 ` const attribName = 'classname' // 如果需要，使用'class'

processedEls.filter((el) => { return typeof el.attribs[attribName] !== 'undefined' && el.attribs[attribName].trim() !== ''; }).forEach(el => { var cssClasses = el.attribs[attribName].split(' ').filter(className => className.trim() !== ''); cssClasses.forEach(cssClass => { if (outputClasses.indexOf(cssClass) === -1) { outputClasses.push(cssClass); } }); });`

【讨论】：