VSCode插件的eCSSTractor不适用于className

Question

eCSSTractor不能与react jsx语法一起使用。不翻译css中的"className“元素。在setting.JSON书面规则中- "ecsstractor_port.attributes"："className“

​

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

Answer 1

转到扩展文件夹C:/User/.vscode/extensions/diz.ecsstractor-port-0.0.3/extension.js

1. Replace this expression 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); } }); }); with this const attribName = 'classname' // use 'class' if you need 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); } }); });