Web Starter kit是一个来自Google的构建响应式网站的模板。支持不同的设备，并且由gulp.js 构建，同时支持跨设备同步测试.
多设备同步测试采用了 。BrowserSync 是一个基于socket.io 的Node 应用，当你更改文件的时候，它可以自动的改变页面。它 ( 指BrowserSync ) 还有 ，你可以在你的项目中使用它。
仓库地址
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 file. - 页面性能分析 run gulp pagespeed
- 内置的service worker 在Https的域名下面自动使能
发布到你的Github Pages
参考文档
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 pagesgulp.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