create-react-app

1 创建

npx create-react-app xxx

npm init react-app xxx

yarn create react-app xxx

使用模版：

npx create-react-app xxx --template [template-name]

模板总是以cra-template-[template-name]的格式命名，但是您只需要向创建命令提供[template-name]

2 开发

自动格式化代码

npm install --save husky lint-staged prettier

每当提交一个文件时，Prettier会自动格式化修改后的文件

样式

• 支持通过import导入样式，如import './xx.css'

• 支持xx.module.css

静态资源

和样式资源类似

import logo from './logo.png';

代码拆分

通过import()进行拆分

import("./moduleA")
  .then(({ moduleA }) => {
    // Use moduleA
  })
  .catch((err) => {
    // Handle failure
  });

其他注意：

eject命令是单向操作

不支持装饰器

可以通过.env写环境变量

这篇好文章是转载于：学新通技术网