# 项目结构
让 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"
}
}
← 快速上手 从 2.x 升级到 3.0 →