flatsato / temp-wp

Wordpressテンプレート

コーディングガイドライン

• 基本方針

• ガイドライン HTML

• ガイドライン CSS

• ガイドライン JavaScript

• はじめての方へ コーディングの進め方

タスクランナー

担当者：荻野

環境

Node.js v14.15.3

バージョン管理にnvm(Node Version Manager)を利用している環境では、nvm useコマンドの実行で指定のバージョンに切り替わります。

nvm use

下記メッセージが表示された場合は、nvm install 14.15.3でインストールしてください。

Found '/パス省略/.nvmrc' with version <14.15.3>
N/A: version "14.15.3 -> N/A" is not yet installed.

You need to run "nvm install 14.15.3" to install it before using it.

インストール

npm ci

このコマンドは、node_modulesディレクトリを自動で削除し、パッケージのバージョンが環境によって差のないように安全にインストールを行います。npm installではなくこちらのコマンドを使用してください。

タスクランナー仕様

HTML（html&ejsタスク）

ファイルインクルード（htmlタスク）

gulp-file-include

テンプレートエンジン（ejsタスク）

EJS

CSS（sassタスク）

スタイルシート言語

Sass

ベンダープレフィックス付与

Autoprefixer

ファイル圧縮

clean-css

リント & スタイルガイド

stylelint & Prettier

下記コマンドで自動修正（エラー部分は除く）

npx gulp format:sass

JavaScript（jsタスク）

バンドラー

Rollup

ECMAScriptコンパイラ

Babel

ファイル圧縮

terser

リント & スタイルガイド

ESLint & Prettier

Airbnb JavaScript Style Guideのeslint-config-airbnb-baseを使用。

下記コマンドで自動修正（エラー部分は除く）

npx gulp format:js

画像（imageタスク）

ファイル圧縮

imagemin