1、gatsby new pro-name 新建项目名为pro-name
2、cd pro-name 进入到pro-name文件夹下
3、gatsby develop 启动项目
4、项目入口
项目入口文件为：layout.js ，且layout.js做为整体的框架，
把header.js和footer.js引入layout.js,
存放所有静态图片：放在static文件夹中，项目中引用： src={'/img/imgs.jpg'}
5、gatsby build 发布
发布时需注意的问题：
（1）项目中不允许在componentDidMount()之外出现window对象
（2）若想要引入外部的js,如百度地图的js或者单独的js文件，可使使用react-helmet插件
react-helmet插件：管理对文档头所有的更改，纯输入输出html标记
import Helmet from 'react-helmet'
<Helmet>
<meta charSet="utf-8" />
<title>demo</title>
<html lang="en" />
<script type="text/javascript" src="https://baidu.com"></script>
</Helmet>
6、本机ip启动项目 gatsby develop -H ip 和 gatsby serve -H ip
扫一扫
1137
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
