使用Grunt为AngularJS生成HTML文件

时间:2014-02-05 14:16:18

标签: angularjs seo gruntjs

我们正在使用AngularJS开发一个网站,并希望为搜索引擎的每个AngularJS页面提供静态HTML文件。

网站小而静态,约10-20页。

grunt中是否有任何可以根据Angular应用程序生成HTML文件的任务?例如。它为Angular app的/#about页面生成/static/about.html。

我看过像PhantomJS这样的服务和脚本,但它们看起来太复杂了。由于站点是静态的,我们可以在每次发布任何更改时运行任务。

1 个答案:

答案 0 :(得分:8)

PhantomJS确实是要走的路。但是,现有的工具大多数都是您想要的。

这是一个很好的例子:

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

这将通过您网站的页面运行PhantomJS并生成它的HTML版本。它可以通过Grunt自动完成。

唯一需要注意的是,您必须在配置中手动输入您需要索引的所有页面。

你需要什么可以吗?

编辑:这也是一篇非常有趣且完整的关于SEO友好角色应用的文章:http://www.ng-newsletter.com/posts/serious-angular-seo.html

根据您的需求提供一些替代方案