第 16 课：聚合项目配置并模板化

背景

通过前面的学习，我们的项目模板功能已经完成了。剩下的工作还有两点。第一，将一些用户在开发中需要频繁改动的地方抽离出来，聚合到配置文件中；第二，使用 handlebars 改写项目模板。

抽离配置项

我们在根目录下新建一个配置文件 app.config.js，来聚合用户自定义的配置项：

module.exports =  {
  // 配置dll入口
  dllEntry: {},
  // 静态资源的路径
  publicPath: "",
  // 资源输出目录，默认为dist
  outputDir: "dist",
  // 是否启用页面调试工具
  enableDebugTool: true,
  // 配置代理
  proxy: {},
  // 是否默认打开浏览器
  autoOpenBrowser: true,

  // devserver 默认端口号
  devServerport: 3000,
  mockServerPort: 8000,

  // 部署的服务器类型：ecs|oss。默认为oss
  deployType: "",

  // 只有当deployType为ecs时才需要配置该选项
  ECSAccount: {
    host: "",
    port: "",
    user: ""
  },

  // 只有当deployType为oss时才需要配置该选项
  ftpAccount: {
    host: "",
    port: "",
    user: "",
    password: ""
  },

  // 部署的目录
  deployDir: "",

  // 指定浏览器的范围
  browserslist: {
    legacy: "",
    modern: "