frontendのリファクタリング

[kobakazu0429]

WHY

乱雑になってきていたので一回整理したかった

WHAT

やったこと

prettier

• printWidth: 120 -> 80

webpack

• add alias: @
• ForkTsCheckerWebpackPlugin (for speed up)
• change typescript loader: awesome-typescript-loader -> ts-loader
• add pre loader: tslint-loader

package.json

• add lint-staged: if added file is *.{js,ts,tsx}, yarn lint && git add
• removed babel: be replaced typescript(webpack) look: tsconfig.json
• some package updated

tsconfig.json

• change compilerOptions. module: commonjs -> es2015

all source code

• be importable: import * as React from 'react" -> import React from 'react"

directory architecture

• change directory name: frontend/src/entries/ -> frontend/src/pages/
• change directory name: frontend/src/commons/ -> frontend/src/constants/
• add directory in frontend/src/components/ : frontend/src/components/atoms
• add directory in frontend/src/components/ : frontend/src/components/molecules

etc

• remove: goodSpace
• remove .postcssrc.yml
• add /frontend/README.md

やってないこと

• ChkButtonBaseをリファクトする #356
• このPR内ではなさそう

[kobakazu0429]

typescriptで対応できると思ったのでbabel周り一旦無くしました
最終リリース時にテストしてみてIEダメだったらまた入れます

[kobakazu0429]

こんな感じで @ を使ってimportできるようになりました
../../みたいに相対指定しなくて大丈夫です

[euglena1215]

全部把握しきれないので信じる気持ちを胸にApproveします

[kobakazu0429]

嬉しい