美文网首页
安装react脚手架('create-react-app' 不是

安装react脚手架('create-react-app' 不是

作者: 音乐壁纸 | 来源:发表于2020-06-23 21:14 被阅读0次
1. npm install create-react-app -g

2. create-react-app myReact

有人可能会碰到‘create-react-app’ 不是内部或外部命令… 此时用 npx create-react-app myReact 来替代第二步

安装完react脚手架的目录如下:

image

第三步,进入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之后的目录下文件结构
多了两个文件夹:configscripts
1、config文件夹下主要是webpack的详细配置文件,一般不需要修改。
2、 scripts文件夹下的几个js文件其实就是实际执行我们npm run命令的的配置,一般也不需要需改。
现在我们再回来看看package.json文件,东西多了很多依赖,之前都是封装在react-scripts内部的,而现在可以自己去配置了。

作者:韭菜过敏者
链接:https://www.jianshu.com/p/2f1ed8e54a56
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

相关文章

网友评论

      本文标题:安装react脚手架('create-react-app' 不是

      本文链接:https://www.haomeiwen.com/subject/ewdkfktx.html