# 项目结构

让 Web 应用返璞归真。💯

project
├── .tmp         // 开发模式:生成的一个临时目录
├── dist         // 生产模式:生成的一个打包目录
├─┬ src          // 项目源代码。(在项目中创建此文件夹)
│ ├── fonts
│ ├── images
│ ├── media
│ ├─┬ scripts
│ │ └── index.js // 必须的。JS脚本入口文件。
│ ├─┬ styles
│ │ └── main.css // 必须的。CSS样式入口文件。
│ └── index.html // 必须的。HTML模板入口文件。
├── .dotfile     // (例如 .gitignore, .browserslistrc 等)
├── babel.config.js
├── balm.config.js  // 必须的。Balm的配置文件。
├── package.json    // 必须的。
└── ...

🚀 我们推荐使用 Balm CLI (opens new window) 脚手架工具来快速创建一个前端 Web 应用的骨架程序。

balm.config.js: BalmJS 项目根目录默认配置入口文件

  • 更新 package.json 可以自定义配置入口文件:
{
  "scripts": {
    "dev": "balm --config /path/to/config/balmrc.js",
    "prod": "balm -p --config /path/to/config/balmrc.js"
  }
}
Last Updated: 4 years ago