マークアップエンジニアのうさこです。 寒い日が続きますね… ちまたではインフルエンザが流行っているそう… 弊社でも猛威を振るっている今日この頃。 わたしは予防対策でアライグマボトルを肩身離さず持ち歩いていますよ。 マスクはしてないけどね!!! さて、本題に入ります ( ` − ㉨ −´) 目次 目標 インストール ディレクトリ構成 README 作成 SCSS 設定 目標 開発用とスタイルガイド用で css が分かれていることで、スタイルガイド用の css の更新が厳かになり… 結局、スタイルガイドを使わなくなってしまった…… という経験がある方も多いのではないかと…。 今回は「生きたスタイルガイド」を目指します。 インストール まず、プロジェクトフォルダ で package.json を作成しましょう!
![gulp で sc5-styleguide を使ってスタイルガイドを開発の sass で同期する方法 設定編 | SONICMOOV LAB](https://cdn-ak-scissors.b.st-hatena.com/image/square/af41bfe8d721d9f2813b84b7dce81946c748669a/height=288;version=1;width=512/https%3A%2F%2Flab.sonicmoov.com%2Fwp-content%2Fuploads%2F2017%2F02%2Fgulp-sc5-styleguide.png)