Catreator

Этот модуль позволяет создавать компоненты, сторы или любые другие файлы на основе конфигурационного файла.

Установка

npm i -g catreactor

Использование

catr component about

Настройка

• В корне проекта создайте файл .cataliasrc
• Опишите нужные вам алиасы в формате YAML

Алиасы

aliasName:
    files:
        - fileName.jsx:
              path: 'relative_path/from/root'
              template: Hello, World!

Передача аргумента в шаблоны

Естественно в таком виде использовать алиас не очень удобно, поэтому второй аргумент вызова можно прокинуть в шаблон, в путь и в название файла в виде переменной $name и используя javascript код, предварительно обернув его в обратные ковычки:

component:
    files:
        - `$name.charAt(0).toUpperCase() + $name.slice(1)`.jsx:
            path: 'src/components/`$name.charAt(0).toUpperCase() + $name.slice(1)`'
            template: |
                import React from 'react'
                import css from './`$name.charAt(0).toLowerCase() + $name.slice(1)`.sass'

                export default class `$name.charAt(0).toUpperCase() + $name.slice(1)` extends Component {
                  constructor(props) {
                    super(props)
                  }

                  render() {
                    return (
                      <div className={css.root}></div>
                    )
                  }
                }

        - `$name.charAt(0).toLowerCase() + $name.slice(1)`.sass:
            path: 'src/components/`$name.charAt(0).toUpperCase() + $name.slice(1)`'

Параметры вызова

catr component about

component

Название алиаса вызова, ранее определенного в .cataliasrc

about

Значение переменной $name, используемой в шаблоне