Add: storybookを導入する

[manabuyasuda]

No description provided.

[manabuyasuda]

• @storybook/vueと@storybook/htmlをインストールするとエラーになる
• @storybook/vueでもHTMLは書ける
  • Knobsが使えない
• html-loaderとextract-loaderでHTML部分を別ファイルで管理できる（Storybook で私とみんなのコンポーネントカタログ作成してこ）
• Vueコンポーネント以外はFractalなどのジェネレーターにする方がいい？

[manabuyasuda]

IEだとUnhandled promise rejection TypeError: 未定義または NULL 参照のプロパティ 'version' は取得できませんというエラーが出る。
@babel/preset-env・babel-preset-vue・@babel/polyfillを入れても同様。

The pseudo class ":first-child" is potentially unsafe when doing server-side rendering. Try changing it to ":first-of-type".というエラーが出る。
.foo > :first-childの箇所なので、:first-of-typeでは効かないから変更できない。

-s ./htdocsオプションで共通のCSSをインポート、preview-head.htmlで読み込んでも、storybook内では効かない模様。パスは通っていてCSSファイル内も確認はできた。
通常のHTMLだと共通CSSは効いているので、storybookと差が生まれてしまう。