react 脚手架

脚手架

脚手架相当于是命令行操作工具，为我们预设了 webpack 的打包配置以及各种项目初始化需要引入的包。

react 官方脚手架

1. react 官方提供的脚手架是 create-react-app

这个脚手架。可以通过下面这个命令全局安装官方脚手架。

npm i create-react-app -g

2. 创建项目

create-react-app [project-name]
+项目名称要遵循 npm 包命名规范：使用 "数字、小写字母、- " 命名，不出现特殊符号，中文或大写字母。

常用的 react 版本

16 项目使用较多

17 几乎跟 16 用法没有区别

18或者更高 默认最高版本

3. 默认项目配置解析

1. 默认安装的包
   • react：react 的核心
   • react-dom: react 视图渲染的核心（基于 react 构建 webApp（html 页面））
     ---> react-native 构建移动端
   • react-scripts: 脚手架将 webpack 打包规则和其他配置都隐藏到了 node_modules 目录下，是对自己打包命令的封装，会自动调用webpack.
2. package.json 介绍
   • scripts 调试 运行 打包 的命令
   • 浏览器的适配配置项

"browserslist": {

    "production": [

      ">0.2%",

      "not dead",

      "not op_mini all"

    ],

    "development": [

      "last 1 chrome version",

      "last 1 firefox version",

      "last 1 safari version"

    ]

  }

3. "eject": "react-scripts eject"
   可以使用这个命令暴露 webpack 以及其他脚手架的配置。