首页 > Web开发 > 详细

gatsbyjs 使用

时间:2017-11-04 14:18:03      阅读:353      评论:0      收藏:0      [点我收藏+]
1. 安装
npm install --global gatsby-cli
2. 使用
// 创建项目
gatsby new dalong
cd dalong
// 启动
gatsby develop --   使用的是热加载端口 8000
// 编辑源码
src/pages.
//  生产构建
gatsby build  -- 优化的代码以及预加载的路由
//  启动一个本地的html 服务器测试构建的站点
gatsby serve 
3. 效果
 
开发启动
技术分享
 
界面
技术分享
 
graphql 
 
技术分享
生产构建项目目录
技术分享
 
生产界面优化(总的来说使用了好多的优化)
技术分享
 
 
4. 总结
优化效果,以及方便使用上还是比较好的,而且在数据访问上也是比较到位的

备注: 对于需要远程访问的可以在  gatsby develop -H ip   以及  gatsby serve -H ip
5. 参考文档
https://www.gatsbyjs.org/docs/

gatsbyjs 使用

原文:http://www.cnblogs.com/rongfengliang/p/7783083.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!