Load React component documentation information in Webpack using react-docgen

react-docgen-loader.js

// Adaptation from: https://github.com/styleguidist/react-styleguidist/blob/a010018f6672af81332018399fc0e595e81d4b24/scripts/schemas/config.js
var reactDocgen = require('react-docgen')
var createDisplayNameHandler = require('react-docgen-displayname-handler')
  .createDisplayNameHandler

module.exports = function(content) {
  this.cacheable && this.cacheable(true)

  var callback = this.async()
  var file = this.request.split('!').pop()
  var docs = reactDocgen.parse(
    content,
    reactDocgen.resolver.findAllExportedComponentDefinitions,
    reactDocgen.defaultHandlers.concat(createDisplayNameHandler(file))
  )

  callback(null, `module.exports = ${JSON.stringify(docs)}`)
}