Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
79 lines (53 sloc) 2.23 KB

render-react-components

NPM version NPM downloads Dependencies

View English version

render-react-components(简称 rrc) 是一个命令行工具,可以递归找出当前项目中所有的 React 组件(仅限于 src 目录下的所有组件),并为它们创建相互隔离的 demo 页面。

Getting started

## 本地或者全局安装
$ npm i render-react-components -g

## 为项目中所有的 React 组件,创建 demo 页面
$ rrc init

## 如果你只想给部分组件创建 demo 页面,可以使用 filter 参数,输入组件路径的关键词即可
$ rrc init --filter=Component1
## 或者简写
$ rrc init -f=Component1

## 本地开发,支持代码热加载
$ rrc dev

## 删除了 rrc init 创建的所有文件
$ rrc clean

配置

如需更改 Webpack 配置,可以在根目录的 .rrc.js 文件中编写:

module.exports = {
  externals: {
    react: 'React',
    'react-dom': 'ReactDOM',
    'prop-types': 'PropTypes',
  }
};

disableCSSModules

禁用 CSS Modules

externals

配置 webpack 的?externals?属性。 比如:

// 配置 react 和 react-dom 不打入代码
"externals": {
  "react": "window.React",
  "react-dom": "window.ReactDOM"
}

alias

配置 webpack 的 resolve.alias 属性。

extraResolveExtensions

配置 webpack 的 resolve.extensions 属性。

extraResolveModules

配置 webpack 的 resolve.modules 属性。

LICENSE

MIT