Angular7.0服务端渲染

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…

作者：郭斌211
链接：https://juejin.im/post/5bd6ed03f265da0aeb714efd
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。