FEB开发指南

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 等