create-react-app

103 阅读1分钟

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写环境变量