create-react-app之构建应用

crayon-shin-chan

于 2021-01-09 19:46:16 发布

阅读量230

点赞数

分类专栏： surprise # creat-react-app react 文章标签： react

原文链接：https://create-react-app.dev/docs/installing-a-dependency

版权

surprise 同时被 3 个专栏收录

932 篇文章 41 订阅 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

react

50 篇文章 0 订阅

订阅专栏

creat-react-app

9 篇文章 0 订阅

订阅专栏

本文详细介绍了如何使用create-react-app构建React应用，从安装依赖到使用Bootstrap、Flow、TypeScript和Relay，再到添加路由、环境变量和渐进式Web应用(PWA)的配置。此外，还涵盖了性能衡量、生产构建和静态文件缓存的优化。通过此指南，开发者可以全面理解如何打造功能完善的React应用。

摘要由CSDN通过智能技术生成

1.安装依赖

生成的项目包括React和ReactDOM作为依赖项。它还包括由Create React App用作开发依赖项的一组脚本。您可以使用以下命令安装其他依赖项（例如React Router）

npm install --save react-router-dom
yarn add react-router-dom

2.导入组件

由于使用了webpack，该项目设置支持ES6模块。

虽然您仍然可以使用require()和module.exports，但我们建议您使用import和export

例如：

Button.js

import React, { Component } from 'react';

class Button extends Component {
  render() {
    // ...
  }
}

export default Button; // Don’t forget to use ex

了解本专栏