cli工具提供了快速构建ssr项目的功能
自己试了一下,github :github.com/eloven/gui
第一步,使用CLI构建
ng new appName --routing --style=css
ng add @nguniversal/express-engine --clientProject=appName
第二步,安装依赖包
npm install --save @angular/platform-server @nguniversal/module-map-ngfactory-loader ts-loader
第三步,打包与运行
npm run build:ssr
npm run serve:ssr
就是这么简单。
具体的增加的文件
app.server.module.ts // 服务端入口模块
main.server.ts // 用于导出app.server.module
tsconfig.server.json // server的ts编译器配置
server.ts // express服务器
webpack.config.js // webpack配置