1. npm install create-react-app -g
2. create-react-app myReact
有人可能会碰到‘create-react-app’ 不是内部或外部命令… 此时用 npx create-react-app myReact
来替代第二步
安装完react脚手架的目录如下:
第三步,进入myReact目录运行react
3. npm start
打包命令:
npm run build
安装路由
npm i -S react-router react-router-dom
查看线上生产环境的运行效果
npm install -g pushstate-server
pushstate-server build
项目整体配置信息,在项目路径 /package.json
中。
如果想要自己配置webpack或者其他设置,就要执行命令:npm run eject
来弹出脚手架帮我们隐藏的配置文件。
(过程中要选择输入y/N分别来确认y或取消N操作,因为这个操作是单向,不可逆的)
Eject之后的目录下文件结构
多了两个文件夹:config
和scripts
1、config文件夹下主要是webpack的详细配置文件,一般不需要修改。
2、 scripts文件夹下的几个js文件其实就是实际执行我们npm run命令的的配置,一般也不需要需改。
现在我们再回来看看package.json文件,东西多了很多依赖,之前都是封装在react-scripts内部的,而现在可以自己去配置了。
作者:韭菜过敏者
链接:https://www.jianshu.com/p/2f1ed8e54a56
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。