最強のフロントエンドの雛形作った (2016/12/31)

  • 338
    いいね
  • 0
    コメント

https://github.com/mizchi/client-proj-20161231

  • yarn
    • とりあえず yarn installyarn start だけで動く
    • npm(yarn) scripts
  • babel/webpack での多段ビルド
    • build:js はChromeでだけで動くビルドを吐く(デバッグを容易にするため)
    • build:js:production はIE11+
  • ava/nyc/istanbul でテストとカバレッジ
  • postcssでCSSのビルド
  • uglify-js/csswring で圧縮
  • CircleCI
    • eslint, flow, ava
    • release ブランチに push で gh-pages にデプロイ

## やってないこと

React も Angular も jQuery も何も入ってない。あくまでそれ以前にやることをまとめた。

参考になるだろうけど、人によっては使わないツールも多いと思われるので、適当に削ってください。

こういうのは年に一度スクラッチで作れば満足なので、日付をハードコードした上でこの記事はメンテしない。