gulp-dev_static_flocss_SPtoPC

動作が確認できている環境

• Nodeバージョン v14.16.0
• Gulp 4系

使い方

• ダウンロードしたフォルダをvscodeで開く
• ターミナルを開き、「 cd gulp 」とコマンドを入力
• ターミナルを開き、「 npm i 」とコマンドを入力
• gulpフォルダ直下に、node_modulesとpackage-lock.jsonが生成されるのを確認する
• 「 npx gulp 」とコマンドを入力するとgulpが動き出す

作業ディレクトリ

• sass/jsの記述はsrcフォルダの中で行う
• 画像はsrcフォルダのimagesの中に格納する
• コンパイルされたCSS/jsと圧縮された画像はdistフォルダの中に出力される
• htmlはdist直下のhtmlファイルに直接記述する

備考

• CSS設計はFLOCSS(https://github.com/hiloki/flocss )を採用
• スマホファースト
• rem記述を前提# gulp-dev_static_flocss_SPtoPC