一、创建Reract项目1、创建React项目npx create-react-app react-test2、运行eject Cesium静态资源需要webpack配置，执行npm run eject可以生成webpack配置，运行前先查看当前git版本是否有提交，如果未提交，需要先本地提交git，否则npm run eject会执行失败。（
原创
2024-08-27 08:41:18
319阅读
环境配置 安装脚手架：npm install create-react-app 安装yarn：brew install yarn 创建项目：create-react-app antd-demo 切换路径：cd antd-demo 安装路由：yarn add react-router-dom 安装ax ...
转载
2021-10-01 09:38:00
242阅读
2评论
一、安装 npm install -g create-react-app 二、创建react应用 create-react-app 项目名称 进入项目文件 npm start 或 yarn npm run eject 暴露webpack 安装包配置自己可以重新分配一下，其实并不影响打包，打包模块插件
转载
2021-04-29 11:07:00
114阅读
2评论
一、 使用create-react-app创建react应用1.1. react脚手架xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库: create-react-app项目的整体技术架构为: re
转载
2024-07-30 14:49:09
544阅读
npm i antd --save 按需引入import React, { Component } from 'react' import Button from 'antd/lib/button' import 'antd/dist/antd.css' export default class A ...
转载
2021-08-08 12:13:00
152阅读
2评论
一直在使用 antd pro 简单粗暴地做前端项目，最近有个项目需要自己构建，从0做起太麻烦，我选择了dva-cli。创建项目期间也遇到不少问题，最后也都得到了解决。思前想后还是做一次记录，希望对大家创建项目有一定的帮助。如果不知道dav的，可以去官网先了解一下：https://dvajs.com/ ...
转载
2021-09-08 15:14:00
562阅读
2评论
基于webpack+react+antd 项目构建
转载
2021-07-29 11:28:29
515阅读
目录：1. 前期准备2. Create React App3. 工具及插件 安装第三方插件 安装 bootstrap 执行 eject4. 在线 React 创建 前期准备1. 安装 Node.js。同时建议安装 nvm，nvm 用于进行 Node 版本的控制。2. 安装编辑器，比如 VSCODE。 Create React AppCreate React App 官网：
转载
2024-01-16 14:42:41
200阅读
安装antd-mobile全局引入npm install antd-mobile --save在App.js引入cssimport 'antd-mobile/dist/antd-mobile.css';在jsx使用antd组件import R
原创
2022-07-06 16:49:09
460阅读
周日本要加班赶赶进度，奈何家里电脑环境出现了问题，竟然使我一点需求未写。那就记录下.bezierEasingMixin();问题帮大家避坑。问题表现".bezierEasingMixin();InlineJavaScriptisnotenabled.Isitsetinyouroptions?"\上面这句话是终端输出，提示意思要配置javaScriptenabled，但是哪里配置？如何配置？也是一脸
原创
2022-08-21 23:22:39
2550阅读
React之Antd组件Modal对话框Modal.method()动态设置确认框和提示框 handleConfirm = (type)=>{ Modal[type]({ title:'确认？', content:'你
原创
2022-01-12 15:26:46
702阅读
React & shit Antd
转载
2018-11-16 16:26:00
137阅读
Facebook 官方推出Create-React-App脚手架，基本可以零配置搭建基于webpack的React开发环境，内置了热更新等功能。详细文档可前往链接：Create-React-App文档本文将介绍使用Create-React-App脚手架搭建antd-mobile的开发环境。快速开始： npm install -g create-react-app /
通过 npm 安装antd和babel-plugin-import。babel-plugin-import是用来按需加载 antd
原创
2022-09-29 16:08:20
97阅读
目录前言一、create-react-app 脚手架快速搭建 react 项目1、安装 create-react-app2、检测 create-react-app 是否安装成功3、创建 react 项目二、generator-react-webpack 脚手架搭建 react 项目1、安装 yeoman2、安装 generator-react-webpack3、创建 react
转载
2023-11-11 12:38:56
91阅读
常用配置说明entry可以接受字符串，数组，对象等多种格式项目打包入口文件，可以是绝对路径也可以是相对路径webpack 打包默认入口文件是 ./src/index.js 约定，默认输出是 项目根目录下 /dist/main.jsoutput 打包后的内容输出相关配置，path打包后文件路径, 只能使用绝对路径常用loader相关理解默认情况下，webpack 值支持.js,.json文件，通过
转载
2021-01-29 10:59:50
557阅读
2评论
React项目搭建yarn
作为一名经验丰富的开发者，我将教你如何搭建一个React项目并使用yarn进行管理。首先，我会告诉你整个搭建过程的流程，然后我将逐步引导你进行每一步操作，包括需要使用的代码和注释。
流程：
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 创建React项目 |
| 2 | 安装yarn |
| 3 | 初始化项目 |
| 4 | 添加React
原创
2024-04-19 06:26:54
136阅读
官方文档链接：UmiJS官方文档React官方文档Ant Design官方文档一、项目搭建对于react umi项目搭建，umi官方文档已经写的很清晰了，具体请查看上面的umi官方文档链接。这里我不再详细说明，着重说明一些需要注意的地方。1. 首先，确认是否已安装node和umi，本文umi版本使用3.0版本。$ node -v
$ umi -v2. 可通过以下两种命令创建项目，但创建出来的项目u
在这篇文章中，我将详述如何使用 Yarn 搭建一个 React 项目。我的目标是为大家提供一个清晰、易于遵循的指南，以便顺利实现项目搭建的各个环节，包括环境准备、分步指南、配置详解、验证测试、优化技巧以及扩展应用。
## 环境准备
为了成功搭建 React 项目，需要确保你的开发环境满足以下软硬件要求：
| 组件 | 要求 | 版本兼容性
create-react-app
这边文章逻辑较乱，如果你有看过eject的create-react-app相关webpack源码,阅读下面的文章说不定会有意外收获(或者直接看10. 如何修改create-react-app的默认配置)1. dotenvDotenv是一个零依赖模块，可以将.env文件中的环境变量加载到process.env。2. 修改配
