ディレクトリ の命名について
基本ルール
ビルドする前提です
CMSやフレームワークを使う場合は公式の推奨に従います
CMSやフレームワークを使う場合は公式の推奨に従います
- ページ関連
scr/pages
の中に入れる ※デプロイ方法がややこしくなる場合はこの限りではないcategory.html
などではなく、category/index.html
のようになるべくindex.html
とする
- 画像、CSS、JavaScript、Font関連
scr/assets
の中で管理する。- ↑ の直下には
images
,css
,js
,font
のフォルダに分けて管理します。- ※
css
としているがscss
なども格納されます。scss
,sass
などで命名に迷いが出るのを避けるためcss
とします。
- ※
ソースの詳細
- imagesの場合
images
の直下にはcommon
,pages
,icon
,banner
のフォルダに分けて管理します。
- CSS(SCSS)の場合
css
の直下にはbase
,config
,pages
,component
に分かれます。vendor
などは作らずになるべくnode_module
から読み込みます。
- 最終的に
style.scss
で集約してコンパイルする形にします。
- JavaScript
- 最近は
Vue
,Angular
,React
といった JS フレームワークを使うことが多く、フレームワークに準じます。 - ※どれも
import
を活用する方法が多く、vendor
などのディレクトリをつくらず管理するようにします。
- 最近は