ディレクトリ の命名について
基本ルール
ビルドする前提です
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などのディレクトリをつくらず管理するようにします。
- 最近は