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

最新推荐文章于 2024-09-16 06:30:00 发布

weixin_48109878

最新推荐文章于 2024-09-16 06:30:00 发布

阅读量161

点赞数

分类专栏：透视前端工程化文章标签：工程化前端性能优化性能优化

本文链接：https://blog.csdn.net/weixin_48109878/article/details/108728726

版权

透视前端工程化专栏收录该内容

20 篇文章 0 订阅 ¥49.90 ¥99.00

订阅专栏

本文介绍了如何将前端项目中的配置项抽离到app.config.js，包括dllEntry、publicPath等，并介绍了如何使用Handlebars进行模板化，通过元数据meta.js进行用户交互，实现项目的个性化配置和生成。

摘要由CSDN通过智能技术生成

背景

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

了解本专栏