{"id":18809386,"url":"https://github.com/zhoou/vue-prerender","last_synced_at":"2026-04-16T10:35:26.403Z","repository":{"id":215851441,"uuid":"96538853","full_name":"zhoou/vue-prerender","owner":"zhoou","description":"A demo to show how to use prerender in vue with webpack","archived":false,"fork":false,"pushed_at":"2017-07-07T13:06:40.000Z","size":28,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-22T02:40:55.642Z","etag":null,"topics":["flex-layout","prerender-plugin","sass","vue","vue-cli","vue-router","webpack2"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zhoou.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-07-07T12:59:11.000Z","updated_at":"2017-07-07T13:08:32.000Z","dependencies_parsed_at":"2024-01-07T01:48:58.204Z","dependency_job_id":"e4bd73ef-c7d1-46b6-a5a1-9b8212cbaa6a","html_url":"https://github.com/zhoou/vue-prerender","commit_stats":null,"previous_names":["zhoou/vue-prerender"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zhoou/vue-prerender","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhoou%2Fvue-prerender","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhoou%2Fvue-prerender/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhoou%2Fvue-prerender/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhoou%2Fvue-prerender/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zhoou","download_url":"https://codeload.github.com/zhoou/vue-prerender/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhoou%2Fvue-prerender/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31882644,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-16T09:23:21.276Z","status":"ssl_error","status_checked_at":"2026-04-16T09:23:15.028Z","response_time":69,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["flex-layout","prerender-plugin","sass","vue","vue-cli","vue-router","webpack2"],"created_at":"2024-11-07T23:16:15.406Z","updated_at":"2026-04-16T10:35:26.375Z","avatar_url":"https://github.com/zhoou.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-prerender\n\n\u003e If you want to use vue to develop websites and also need to improve the few pages of SEO, you can use prerendering, prerendering can improve SEO just as well as SSR, with significantly less setup.\n\n## 1、Build Setup\n\n``` bash\n# install dependencies\nnpm install\n\n# serve with hot reload at localhost:8080\nnpm run dev\n\n# build for production with minification\nnpm run build\n\n# build for production and view the bundle analyzer report\nnpm run build --report\n```\n## 2、prerender-spa-plugin插件的使用\n``` js\n// webpack.prod.conf.js\nvar Path = require('path')\nvar PrerenderSpaPlugin = require('prerender-spa-plugin')\n\nmodule.exports = {\n  // ...\n  plugins: [\n    new PrerenderSpaPlugin(\n      // Absolute path to compiled SPA\n      Path.join(__dirname, '../dist'),\n      // List of routes to prerender\n      [ '/', '/me' ]\n    )\n  ]\n}\n```\n参考地址：[`prerender-spa-plugin`](https://github.com/chrisvfritz/prerender-spa-plugin)\n## 3、sass 安装和使用\n```\n//安装如下(如mac安装遇到权限问题需加 sudo gem install sass)\ngem install sass\ngem install compass\n\n//更新sass\ngem update sass\n\n//查看sass版本\nsass -v\n\n//单文件转换命令\nsass input.scss output.css\n\n//单文件监听命令\nsass --watch input.scss:output.css\n\n//如果你有很多的sass文件的目录，你也可以告诉sass监听整个目录：\nsass --watch app/sass:public/stylesheets\n```\n参考地址：[`sass`](https://www.sass.hk/install/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhoou%2Fvue-prerender","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzhoou%2Fvue-prerender","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhoou%2Fvue-prerender/lists"}