express-tsx

介绍

express 视图引擎 tsx 的实现 .

安装

npm install express-tsx typescript --save

使用示例

主文件

//创建 express 服务
const express = require('express')
const server = express()
server.listen(9000,function(){ console.log(`server is running on ${this.address().port}`) })
//设定视图引擎
server.engine('.tsx',require('express-tsx').render)
server.set('views',__dirname)
server.set('view engie','tsx')//选择视图引擎
//**注意**:在渲染视图前需要根路由注入中间件
server.use(require('express-tsx').middleware)
//渲染视图
server.use('/',(req,res)=>res.render('./view.tsx'))

• 视图文件

import React = require('react')
console.log('express-tsx' as any)
export default ()=>
<div>
  hello world
</div>

示例运行

• 克隆本项目

  git clone https://github.com/shynome/express-tsx.git
  

• 安装依赖 ; 进入示例目录 ; 运行

  cd example ; npm install ; npm start
  

• 在浏览器中打开 示例:http://127.0.0.1:9000/
  一切正常的话会看到 : hello world