feb.config文件配置指南
项目相关配置。配置子项如下:
- project.debug
- project.path.dev
- project.path.output
project: {
path: {
dev: './dev' // 配置这个选项可以指定开发输出目录,即 feb d 产出目录。
},
path: {
output: './output' // 配置这个选项可以指定生产输出目录,即 feb o产出目录。
},
bs: { // Browsersync 的配置选项
open: false, // 自动打开浏览器
port: 8080 // 端口号
}
}
feb项目文件结构
project/ | 项目根目录 |
---|---|
src/ | 源代码目录(必要) |
dev/ | 开发预览目录(feb d 生成,可配置) |
output/ | 发布目录(feb o 生成,可配置) |
.gitignore | git 忽略列表(必要) |
.eslintrc.js | ESLint 配置文件(建议) |
.eslintignore | ESLint 忽略列表文件(建议) |
.editorconfig | 编辑器格式文件(建议) |
feb.config.js | FEB 配置文件(建议) |
package.json | node 模块依赖管理文件(可选) |
主要了解一下src文件目录结构
src/ | |
---|---|
html/ | 页面目录,存放 hbs 文件,会使用 Assemble 进行编译。 |
js/ | 脚本目录,存放 JS 文件,会使用 webpack 进行依赖管理和构建。 |
css/ | 样式目录,存放 Sass 源码,会使用 Sass 进行编译。 |
img/ | 图片目录 |
slice/ | 切片目录,存放需要进行雪碧图合并的切图。 |
data/ | 数据目录,存放不需要 md5 hash 改名的资源。 |
misc/ | 杂项目录,存放一切杂项文件,例如 mp3,swf,json 等等,会打 md5 hash。 |
static/ | 静态目录,该项目下的所有文件和目录会被直接复制到输出目录根部,可存放 favicon.ico 等 |