<center>create-react-app脚手架工具使用<center>

mac2022-06-30  28

1- 快速创建项目

npm install -g create-react-app //---全局安装react脚手架 create-react-app my-app //---通过react脚手架创建my-app项目 cd my-app/ //---打开my-app项目 npm start //---启动my-app项目 npm run build //---编译打包my-app项目

不需要 安装Webpack or Babel. 已经集成进去了(Node >= 6 and npm >= 3)

2-使用 npm 或者 yarn 来搭建项目

create-react-app my-app cd my-app

启动项目:

npm start or yarn start

测试项目:

npm test 或 yarn test //可以执行测试动作

编译项目:

npm run build 或 yarn build

3-使用优点:

无需配置;集成了对 React, JSX, ES6 和 Flow 的支持;集成了开发服务器;配置好了浏览器热加载的功能;在 JavaScript 中可以直接 import CSS 和图片;自动处理 CSS 的兼容问题,无需添加 -webkit 前缀;集成好了编译命令,编译后直接发布成产品,并且还包含了 sourcemaps。
最新回复(0)