标签：
文章来源：https://www.npmjs.com/package/ftl-server
ftl-server 是一前端开发工具，支持解析freemarker模板，模拟后端接口，反向代理等功能。
特性
安装
1. npm install ftl-server -g
2. 在工程目录下新建配置文件，比如ftl.config.js，在根目录下，配置文件格式如下：
module.exports = {
public: ‘E:\\somedir\\public‘, //静态文件目录
port: ‘80‘, //端口号，默认为80
hot: true, //布尔值，是否开启livereload；开启后修改css会自动更新页面的样式，修改ftl/js/图片等会自动刷新页面
watch: [require.resolve(‘./page.ftl‘), ‘E:\\ftlServer\page.mock‘], //需要监控的额外的配置文件，值为数组
remoteDebug: { //remoteDebug 针对weinre的配置
browser: ‘firefox‘
},
ftl: { //配置freemarker的解析
base: ‘E:\\somedir\\ftl‘, //配置freemarker模板目录
dataFiles: [‘E:\\somedir\\data.ftl‘], //配置ftl模板需要的数据文件，也就是造假数据的文件
global: { //ftl共享的数据文件
},
‘ftlfile.ftl‘: function(req, res) { //key ftlfile.ftl表示要渲染的ftl文件， value表示该渲染该ftl的数据
return {
saleActivityMap: {
"000008": {
activityStatus: ‘actived‘
}
}
}
}
},
mock: [{ //接口模拟，模拟请求
path: ‘/request‘, //请求名
method: ‘get‘, //请求方法
status: ‘200‘, //请求状态
header: { //请求头
},
response: function(req, res) { //请求的返回内容
return {
a: 1,
B: 2
}
}
}, ‘E:\\mock\\mock.js‘], //文件格式见下面的源代码
proxy: [{
path: ‘/proxy1‘, //表示需要反向代理的请求path
target: ‘http://localhost:3000‘ //表示代理的目标地址
}
]
}
E:\\mock\\mock.js格式如下：
// /dir/mock.js // 可以export一数组，或者直接一对象 module.exports = [{ path: ‘/mock‘, method: ‘post‘, response: function(req, res) { return { result: true } } }]
执行 fs -c ./ftl.config.js -p 1008 或 ftl-server -c ./ftl.config.js -p 1008
3. 访问 http://localhost:1008/，即可直接浏览目录下的ftl页面。
标签：
原文地址：http://www.cnblogs.com/zourong/p/5693668.html
