【架构师（第十七篇）】脚手架之 ejs 和 glob 的使用

---

脚手架项目和组件初始化开发

将收获什么

• ejs 模板渲染
• glob 文件筛选
• 项目标准安装和自定义安装
• 组件库初始化和安装

主要内容

• 脚手架安装模板功能架构设计
• 脚手架模板安装核心实现
• ejs 库功能详解
• 脚手架安装模板功能开发
• 组件模板开发及脚手架组件初始化功能支持
• 脚手架自定义初始化项目模板功能开发

模板功能架构设计

之前已经发过这个流程图，下面来回顾一下，特别需要注意的是项目和组件的流程有一些区别。

准备阶段

下载模板阶段

安装模板阶段

ejs 的三种用法

安装 ejs

代码语言：javascript复制

npm i -S ejs

编写一些基础代码

代码语言：javascript复制

const ejs = require('ejs')
const path = require('path')

// 定义模板字符串
const html = '<div><%= user.name %></div>'

// 配置对象
const options = {}

// 数据
const data = {
  user: {
    name: '一尾流莺'
  }
}
const data2 = {
  user: {
    name: 'yiweiliuying'
  }
}

再准备一个 template.html 文件，内容如下

代码语言：javascript复制

<div><%= user.name %></div>

第一种用法

用于多次调用同一个 compile function ，传入不同数据。使用 ejs.compile 生成 compile function是比较消耗性能的，所以需要多次调用的时候，生成一个就行了。

代码语言：javascript复制

// 返回一个 compile  function , 用来解析 html 中的 ejs 模板
const template = ejs.compile(html, options)

// 得到一个编译后的模板
const compiledTemplate = template(data)
const compiledTemplate2 = template(data2)

console.log('


	

编程算法 架构设计 javascript node.js 


	




	
 0 人点赞