akameco / babel-plugin-react-path-display

babel plugin for react display name with file path prefix.

babel-plugin-react-path-display

babel plugin for react display name with file path prefix.

Install

$ yarn add --dev babel-plugin-react-path-display

Usage

.babelrc

{
  "plugins": ["react-path-display"]
}

Options

Examples

import React from 'react'

export default class Link extends React.Component {
  render() {
    return <div>hello world</div>;
  }
}

      ↓ ↓ ↓ ↓ ↓ ↓

import React from 'react';

export default class Link extends React.Component {
  render() {
    return <div>hello world</div>;
  }
  static displayName = 'path.to.file.Link';
}

Contributors

Thanks goes to these wonderful people (emoji key):

akameco 💻 📖 ⚠️ 🚇

This project follows the all-contributors specification. Contributions of any kind welcome!

License

MIT © akameco