美文网首页
Angular7.0服务端渲染

Angular7.0服务端渲染

作者: 4ea0af17fd67 | 来源:发表于2018-12-20 22:46 被阅读128次

    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
    来源:掘金
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

    相关文章

      网友评论

          本文标题:Angular7.0服务端渲染

          本文链接:https://www.haomeiwen.com/subject/prqpkqtx.html