首页 > 代码库 > 谷歌Web Starter Kit 起步套件
谷歌Web Starter Kit 起步套件
Web Starter kit是一个来自Google的构建响应式网站的模板。支持不同的设备,并且由gulp.js 构建,同时支持跨设备同步测试.
多设备同步测试采用了 BrowserSync 。BrowserSync 是一个基于socket.io 的Node 应用,当你更改文件的时候,它可以自动的改变页面。它 ( 指BrowserSync ) 还有 gulp.js 模块 ,你可以在你的项目中使用它。
仓库地址
https://github.com/google/web-starter-kit
内置特效
- 响应式模板
- SASS支持 通过gulp serve或者 在生成环境中使用gulp
- 性能优化 压缩JSS、CSS、HTML、图片文件
- 代码检查 ESLINT
- 内置的HTTP Server 通过gulp serve
- 实时的页面刷新 使用browser-sync
- 可以使用ES2015 To enable ES2015 support remove the line
"only": "gulpfile.babel.js",
in the .babelrc file. - 页面性能分析 run gulp pagespeed
- 内置的service worker 在Https的域名下面自动使能
发布到你的Github Pages
参考文档 https://github.com/yeoman/generator-webapp/blob/master/docs/recipes/gh-pages.md
1. 创建一个新的仓库
2. git remote add origin https://github.com/you/webapp.git
3. npm install --save-dev gulp-gh-pages
创建一个gulp task
// deploy to github pages gulp.task(‘deploy‘, () => { return gulp.src(‘dist/**/*‘) .pipe($.ghPages()); });
4. git checkout --orphan gh-pages
5. git commit -m ‘initial commit‘ --allow-empty
6. git push origin gh-pages
7. 最后 RUN gulp deploy
如果失败了,运行下面的命令
rm -rf .publish
然后重新gulp deploy
谷歌Web Starter Kit 起步套件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。