1.0.1 • Published 7 years ago
catreator v1.0.1
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
, используемой в шаблоне