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
來源:掘金
著作權歸作者所有纲酗。商業(yè)轉載請聯(lián)系作者獲得授權衰腌,非商業(yè)轉載請注明出處。