SWC plugin for removing React properties.
npm install swc-plugin-react-remove-propertiesSWC plugin for removing React properties.
You can use this plugin to remove those properties you don't want in final output,
such as test IDs data-test-..., etc.
``
npm i -D swc-plugin-react-remove-properties
You can configure your .swcrc file.
`json`
{
"jsc": {
"parser": {
"syntax": "ecmascript",
"jsx": true
},
"experimental": {
"plugins": [["swc-plugin-react-remove-properties", {}]]
}
}
}
By default, it will remove the properties that start with data-test.
`json`
{
"jsc": {
"parser": {
"syntax": "ecmascript",
"jsx": true
},
"experimental": {
"plugins": [
[
"swc-plugin-react-remove-properties",
{
"properties": ["/^data-test/", "unwanted"]
}
]
]
}
}
}
As the example above, you can add your own patterns in properties config item./
You can use strings or regexes. If you use regex, please put it inside the slash ();
otherwise, it will be treated as a normal string which requires exact match.
You can put regex flags after the suffix slash.
Please note that once you configured with your patterns,
they will override the default value (which is ["/^data-test/"]`).
You may need to add it again if you want.
MIT License
Copyright (c) 2022-present Pig Fang