ydoc-plugin-react-styleguide

1.2.0 • Public • Published

ydoc-plugin-react-styleguide

According to code structure and comments, generate react component documentation, based on react-styleguide

Depend on ydoc

Guide

1.Install:

npm install ydoc
npm install ydoc-plugin-react-styleguide

  1. ydoc.js :
module.exports = {
  plugins: ['react-styleguide'],
  pluginsConfig: {
    "react-styleguide": reactStyleguideOptions
  }

ydoc config file must use ydoc.js,not ydoc.json

reactStyleguideOptions The official documentation

3.add link

open docs/NAV.md, add markdown:

* [component](/react-components/index.html)
  1. build html
ydoc build

How do I start the document hot load service?

在 package.json scripts add:

"scripts": {
  "docs": "ydoc serve & ydoc-plugin-react-styleguide",
}

start document server:

npm run docs

Config Example

const webpackConfig = {
  devtool: 'inline-source-map',
  resolve:{
    extensions: ['.js']
  },
  module: {
    rules: [
      {
        test: /\.js?$/,
        exclude: /node_modules/,
        use: ['babel-loader'],
      },
      {
        test: /\.css$/,
        use:   ['style-loader','css-loader'],
      },
      {
        test: /\.scss|sass$/,
        use: ['style-loader','css-loader','sass-loader'],
      },
      {
        test: /\.(png|jpe?g|gif|svg|woff2?|eot|ttf|otf)(\?.*)?$/,
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: 10000,
              name: 'static/image/[name].[hash].[ext]',
            },
          },
        ],
      },
      {
        test: /\.mp3$/,
        use: [
          {
            loader: 'url-loader',
            query: {
              limit: 1,
              name: 'static/voice/[name].[hash].[ext]',
            },
          },
        ],
      },
    ],
  },
}
 
module.exports = {
  plugins: ['react-styleguide'],
  pluginsConfig: {
    'react-styleguide': {
      components: './components/**/index.js',
      //webpack config
      webpackConfig 
    }
}

Readme

Keywords

none

Package Sidebar

Install

npm i ydoc-plugin-react-styleguide

Weekly Downloads

1

Version

1.2.0

License

ISC

Unpacked Size

6.35 kB

Total Files

6

Last publish

Collaborators

  • suxiaoxin