码迷,mamicode.com
首页 > Web开发 > 详细

gatsbyjs 使用

时间:2017-11-04 14:51:36      阅读:329      评论:0      收藏:0      [点我收藏+]

标签:build   evel   需要   size   tom   height   dal   服务器   目录   

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 使用

标签:build   evel   需要   size   tom   height   dal   服务器   目录   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!