角度模板化后捕获页面源（HTML快照）

https://github.com/cburgdorf/grunt-html-snapshot

这是一项艰巨的任务，需要对页面进行HTML快照：它将在名为phantomjs的“假”或“无头”浏览器中运行页面，运行javascript，然后为您保存呈现的HTML。

以下是设置Grunt做到这一点的步骤，什么都不做：

1. 从http://nodejs.org安装node.js- 这将为您安装

   node

   和

   npm

   （节点程序包管理器）。Grunt在npm上可用。
2. 打开命令行并导航到项目文件夹。
   • 在Windows上：

     cd c:/myprojects/superproject

   • 在Mac上：

     cd /Users/itcouldevenbeaboat/myprojects/superproject

   • 在Linux上：

     i hope you know how to do this already if you use linux :D

3. 运行

   npm install -g grunt-cli

   以全局安装grunt命令行工具。
4. 运行

   npm install grunt grunt-html-snapshot

   以将所有grunt的需要在项目中运行的文件的本地副本安装到您​​的项目中，并安装html快照任务。
5. 使用以下内容在项目根目录中创建一个超级简单的Gruntfile.js：

        module.exports = function(grunt) {      grunt.loadNpmTasks('grunt-html-snapshot');      grunt.initConfig({        htmlSnapshot: {          all: { options: {   snapshotPath: 'snapshots/',   sitePath: 'www/index.html',    urls: ['#/home', '#/about', '#/users/itcouldevenbeaboat'] }          }        }      });      grunt.registerTask('default', ['htmlSnapshot']);    };

1. grunt

   在您的项目根目录中运行，它将生成一个快照:-)

您可能需要首先在服务器上启动网站，并在Gruntfile中设置sitePath指向该网站，以使其正常运行。

如果需要有关快照配置的帮助，请查看grunt-html-snapshot页面。