Babel plugin for removing React properties.
npm install --save-dev babel-plugin-react-remove-propertiesThis is useful when using selectors like data-test to run selenium test. Those properties are useless when running the code in production. You can save bandwidth by removing them.
In
class Foo extends React.Component {
render() {
return (
<div className="bar" data-test="thisIsASelectorForSelenium">
Hello Wold!
</div>
);
}
}Out
class Foo extends React.Component {
render() {
return (
<div className="bar">
Hello Wold!
</div>
);
}
}.babelrc
without options:
{
"env": {
"production": {
"plugins": [
"react-remove-properties"
]
}
}
}with options. We accepts an array of property names:
{
"env": {
"production": {
"plugins": [
["react-remove-properties", {"properties": ["data-test", "data-foo"]}]
]
}
}
}babel --plugins react-remove-properties script.jswithout options:
require('babel-core').transform('code', {
plugins: [
'react-remove-properties',
],
});with options:
require('babel-core').transform('code', {
plugins: [
['react-remove-properties', {properties: ['data-test', 'data-foo']}],
],
});MIT
![greenkeeper[bot] avatar](https://avatars.githubusercontent.com/in/505?v=4 "greenkeeper[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent