Angular7.0服务端渲染

834 阅读1分钟

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配置

官网文档写的非常详细

www.angular.cn/guide/unive…