使用微型框架 plop
-
npm run generate
,然后选择 container 选项; -
container 分三类:Component, stateless function, pureComponent;
-
输入 container 的名字;
-
container 是否需要链接 route;
-
输入 route 的名字;
-
是否需要翻译 container;
-
是否需要 app 的 header 部分;
-
是否需要 app 的 footer 部分;
-
是否需要进行数据交互(action、redux...);
-
是否需要 saga;
当 container 不需要链接 route 的时候,5不会执行
当 container 需要链接 route 的时候,会自动在 route 中添加相关 route
-
npm run generate
,然后选择 component 选项; -
component 分三类:Component, stateless function, pureComponent;
-
输入 component 的名字;
-
是否需要翻译 component;
-
是否需要链接 storybook;
-
npm run generate
,然后选择 form 选项; -
form 分三类:Component, stateless function, pureComponent;
-
输入 form 的名字;
-
是否需要翻译 form;
-
是否需要链接 storybook;
-
npm run generate
,然后选择 formField; -
输入 formField 的名字;
-
是否需要翻译 formField;
-
是否需要链接 storybook;
formField 生成时会自动修改相关引入文件,你只需要在 form 文件中修改相应的 formField type 名即可.