@geekcojp/gp

geek-project

Usage

Flow

1 Create project directory

mkdir <project-dirname> && cd <project-dirname>

2 Initialize by yarn

yarn init -y

3 Initialize by gp

gp init
# with webpack
gp init --webpack

4 Add template

for example,

gp add pug
gp add sass
gp add postcss
gp add typescript (--react) (--firebase)

5 develop

gp dev

6 build

gp build

Commands

Top level

$ gp --help

gp [command]

Commands:
  gp init    Initialize
  gp add     Add a template into the project
  gp remove  Remove a template from the project
  gp dev     Develop
  gp build   Build for production

Options:
  --version  Show version number                                       [boolean]
  --help     Show help                                                 [boolean]

Add

$ gp add --help

gp add

Add the tool into this project

Commands:
  gp add typescript  Add typescript environment
  gp add sass        Add sass environment
  gp add postcss     Add postcss environment
  gp add pug         Add postcss environment

Options:
  --version  Show version number                                       [boolean]
  --help     Show help                                                 [boolean]

Supports

• pug
• sass
• postcss
• sass + postcss
• less
• less + postcss
• stylus
• stylus + postcss
• flow
• typescript
• jQuery (vanilla)
• CircleCI

TODO

• test this project
• pug (with webpack)
• pug (without webpack)
• sass (with webpack)
• sass (without webpack)
• postcss (with webpack)
• postcss (without webpack)
• flow (with webpack)
• flow (without webpack)
• typescript (with webpack)
• typescript (with react)
• typescript (with react-router)
• typescript (with jest)
• typescript (with enzyme)
• typescript (with ssr)
• typescript (with e2e)
• typescript (without webpack)
• circleci