# Directory Structure

Returning to webapp's original nature. πŸ’―

project
β”œβ”€β”€ .tmp         // Scaffolds out a temporary directory for development
β”œβ”€β”€ dist         // Scaffolds out the production build
β”œβ”€β”¬ src          // Source code in here (Create a directory in project)
β”‚ β”œβ”€β”€ fonts
β”‚ β”œβ”€β”€ images
β”‚ β”œβ”€β”€ media
β”‚ β”œβ”€β”¬ scripts
β”‚ β”‚ └── index.js // Required. A entry file for JS.
β”‚ β”œβ”€β”¬ styles
β”‚ β”‚ └── main.css // Required. A entry file for CSS.
β”‚ └── index.html // Required. A entry file for HTML.
β”œβ”€β”€ .dotfile     // (e.g. .gitignore, .browserslistrc, etc...)
β”œβ”€β”€ babel.config.js
β”œβ”€β”€ balm.config.js  // Required. The default configuration file for Balm.
β”œβ”€β”€ package.json    // Required.
└── ...

πŸš€ We recommend using Balm CLI (opens new window) to scaffold out a front-end web app.

balm.config.js: The default configuration entry file in BalmJS project root

  • update package.json for custom configuration entry file:
{
  "scripts": {
    "dev": "balm --config /path/to/config/balmrc.js",
    "prod": "balm -p --config /path/to/config/balmrc.js"
  }
}
Last Updated: a month ago