Overall Directories
DEKOMORI/
├── .babelrc
├── .eslintrc.json
├── .tern-project # Tern.js
├── build
│ └── src # your development workplace
│ ├── assets
│ └── pug
├── configs # DEKOMORI's configs
│ ├── .modernizrrc
│ ├── dirSets.js # directory settings of '../build'
│ ├── getRepositoryName.js
│ ├── gulp-dev.config.js # development tasks
│ ├── gulp-production.config.js # production tasks
│ ├── webpack-common.config.babel.js # common settings
│ ├── webpack-dev.config.babel.js # only development
│ └── webpack-production.config.babel.js # only production
├── gulpfile.babel.js
├── netlify.toml # Netlify continuous deployment
└── package.json
Build Directory
build/
├── src ←your development workplace
├── dest
├── _temp
└── _release
| Directory | Role | Remarks |
|---|---|---|
| src | Source files | |
| dest | Output directory for development | gitignored |
| _temp | Temporary output directory for production | gitignored |
| _release | Finally output directory for production = Placement of deploy files | gitignored |
Directory manage object
by the dirSets.js
import { DIR } from './diarSets.js'
| DIR object | value |
|---|---|
| DIR.src.base | './build/src' |
| DIR.src.html | './build/src/html' |
| DIR.src.templateEngine | './build/src/pug' |
| DIR.src.assets | './build/src/assets' |
| DIR.src.assetsStyleSheet | './build/src/sass' |
| DIR.src.assetsScript | './build/src/js' |
| DIR.src.assetsImage | './build/src/images' |
| DIR.src.assetsSvgSprite | ./build/src/svgSprite' |
Other build directories are also possible
DIR.[src,dest,temp,release].folder
Example: DIR.dest.assets, DIR.release.assetsSvgSprite, ……