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配置
复制代码
官网文档写的非常详细
作者:郭斌211
链接:https://juejin.im/post/5bd6ed03f265da0aeb714efd
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
网友评论