Angular Universal 6简单入门教程服务端渲染与Express结合
Angular 的服务端渲染能搞定？那得看这个angular-universal，算是我踩坑之后觉得最顺手的入门方案之一。Angular 6配Express，加上Webpack 4做打包，响应也快，配置也不复杂。UI 部分用的是Angular Material 6，不用自己瞎折腾样式。
懒加载这块儿，它用module-map-ngfactory-loader搞定，搭上服务端渲染不容易出错，关键是还支持i18n国际化，用的是ngx-translate，配起来也挺顺滑。SEO 也考虑到了，集成了ngx-meta，像标题、OG 标签都能动态，适合做内容站或营销页。
你要是习惯用 CLI，它直接用angular/cli 6来搭脚手架，开发体验没得说。再加个hmr热更新，配合udk这个开发工具包，调试的时候省事不少。部署呢？Node加Express，跑起来也稳定，比较适合中大型项目起步。
哦对了，跟它搭配的几个扩展资源也别错过，比如NestJS 下的 Angular Universal，或者CommonJS 结构的 Angular Webpack 应用，思路清晰，代码也好读。如果你打算上 SSR，这套组合用下来还挺香的。
建议：上手前先对Webpack有点基本概念，尤其是模块拆分那块。不然配置一多，你会有点懵。
文件大小：109.81KB
评论区