gatsbyjs 使用

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/