Documentations

Project Structure

Project Structure

Folder / FilenameDescription
RoxoThe folder contains all template sources and production files.
Roxo/ srcThis folder holds all template source files like .html, .htm, .scss, .js that are then processed (compiled / minified) to dist folder.
Roxo/ package.jsonThe file contains metadata about your app or module. Most importantly, it includes the list of dependencies to install from npm when running npm install.
Roxo/ gulpfile.jsConfiguration file for Gulp library. Later You have to install yarn. To run the project in development mode just type yarn dev and for final production, you have to run yarn build.
Roxo/ src / jsThis folder contains the main script.js . script.js is processed (compiled / minified) into  dist/js/script.js and is linked to all .html documents.
Roxo/ src / scssThis folder contains all project sass files that are compiled and minified to styles in dist/css/ folder.
Roxo/ src / vendorThis folder contains all vendor plugins’ .js / .css files. Later these files compiled to Roxo/ dist/ vendor folder.
Roxo/ src / imagesThis folder contains images. Later these files were compiled to Roxo/ dist/ images folder.
Roxo/ src / partialsThis folder contains all .htm files that are compiled into HTML in dist folder.
Roxo/ distFolder contains all template distribution files like .html, .css, .js, images that have been processed (compiled / minified) from src folder using Node.js and Gulp.
Roxo/ dist/ vendorThis folder contains all vendor plugins’ .js / .css files.
Roxo/ dist / imagesThis folder contains all images.
Roxo/ dist/ cssThis folder contains theme’s .css files.
Roxo/ dist/ jsThis folder contains theme’s .js files.