Possible new option: Skip some classes entirely.

[macakronos]

Hello, thank you for your contribution to the community.

I want to propose the addition of a characteristic: allow to specify in the configuration which classes should be completely omitted.

For example, sometimes some css classes are used from frameworks like Bootstrap that you want to skip completely, in any case it can be removed manually, but it can take your time in a large project, with many components.

Thanks for everything.

[Box-Of-Hats]

Hi, thanks for the recommendation :) The good news is that it's already a feature under the setting bemHelper.ignoreClassNames.

For example:

  "bemHelper.ignoreClassNames": ["col-12", "aside"],

[macakronos]

I have already tried that option but I still get these classes in the generated code. Besides that in the description it says that it has another utility.

A list of class names that should be ignored as parents (blocks) when inserting new elements

[Box-Of-Hats]

I see now, thanks for clarifying. That will be a new feature but it sounds straightforward enough to add. I'll look at this soon! :)

[macakronos]

Thanks for your time.

[Box-Of-Hats]

Version 1.4.3 has just been released which includes that fix. The stylesheet generation will now respect your ignored classes list.

Thanks again for your suggestion 🚀

[macakronos]

For some reason it doesn't work for me. I put "col-12" to ignore me, but it keeps generating it. I have verified that I have the latest version of the extension.

[Box-Of-Hats]

Can you paste in some example HTML where you're having the issue so I can also try with it?

[macakronos]

This is `

    </div>`

[macakronos]

My settings "bemHelper.sortGeneratedStylesheets": false, "bemHelper.ignoreClassNames": [ "video-w-image", "col-12", "aside", "material-icons" ]

[Box-Of-Hats]

Thanks for sending that over, it really helped with debugging this one :)

I've released a fix in version 1.4.4 which should sort this out.

[macakronos]

Thank you. It works excellent.