babel-plugin-transform-console-log-variable-names
v0.0.3
Published
Babel plugin to log the names of variables when used for debugging
Downloads
47
Readme
babel-plugin-transform-console-log-variable-names
WARNING: Very very alpha code quality
Everytime I try to console.log
a variable's value, I forget to label
the variable and so the logged statements become unuseful and confusing,
especially when used inside a loop—case in point: React's render
function, or componentWillReceiveProps
.
This plugin transforms console.log
statements that have just variable
labels as arguments and prepends a string that specifies what those
labels are. For example, for the following statements:
const a = 12;
const b = 13;
const c = 59;
console.log(a);
console.log(a, b);
console.log(a, b, c);
The output would look something like:
a: 12
a, b: 12 13
a, b, c: 12, 13, 59
Usage
Install the module with:
npm install --save babel-plugin-transform-console-log-variable-names
Include it in your babel configuration either via .babelrc
or webpack.
Here's a .babelrc
example:
{
"presets": [...],
"plugins": [
"transform-console-log-variable-names"
]
}