官方文档链接：UmiJS官方文档React官方文档Ant Design官方文档一、项目搭建对于react umi项目搭建，umi官方文档已经写的很清晰了，具体请查看上面的umi官方文档链接。这里我不再详细说明，着重说明一些需要注意的地方。1. 首先，确认是否已安装node和umi，本文umi版本使用3.0版本。$ node -v
$ umi -v2. 可通过以下两种命令创建项目，但创建出来的项目u
前言 工欲善其事，必先利其器。为了更好的学习React，我们先简要的把开发环境搭建起来。本文主要介绍使用webpack搭建React项目，如果你对React或es6的基础语法还不了解，建议先去学习学习。 注鉴于文章发布到现在已有一年之久，很多库版本也发生了很多变化，也导致了很多新手搭建出现许多问题。最近已将旧版本全面升级，项目架构也有所调整，开发环境保留了node启
# 如何快速搭建React Native iOS项目
## 概述
在本文中，我将向你展示如何快速搭建一个React Native iOS项目。作为一名经验丰富的开发者，我将提供详细的步骤和代码示例，帮助你快速入门React Native开发。
## 整体流程
首先，让我们看一下整个搭建React Native iOS项目的流程：
```mermaid
flowchart TD
A[准
原创
2024-03-14 04:12:36
44阅读
一、 使用create-react-app创建react应用1.1. react脚手架xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库: create-react-app项目的整体技术架构为: re
转载
2024-07-30 14:49:09
544阅读
学习任何技术，最快捷的方法就是学习完基础语法，然后模仿开源项目进行学习，React Native也不例外。React Native推出了1年多了， 开源项目太多了，我们以其中一个举例子.给大家演示下如何运行开源项目.(前提是你已经搭建好React Native环境了)下载开源项目首先需要找到开源项目 ,比如下面这个.
地址: https://github.com/Bob1993/react-na
转载
2023-10-07 16:55:40
203阅读
前言：简单记录一下第一次搭建react项目框架，之前只是在已搭建好的框架内去开发实现项目，没有自己动手搭建过，亲自动手实际操作，还遇到挺多问题的。参考了不少文献，帮助我解决并完成整个项目搭建的文献，都会在文章最后附上链接，感兴趣的可以都看一下。 我这里创建项目使用的是官方脚手架工具create-react-app1、先安装node，具体版本的话看自己需要，不过版本过低或过高，后续可能会出现报错情况
转载
2023-10-27 11:12:30
53阅读
目录：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阅读
目录前言一、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
551阅读
2评论
React项目搭建yarn
作为一名经验丰富的开发者，我将教你如何搭建一个React项目并使用yarn进行管理。首先，我会告诉你整个搭建过程的流程，然后我将逐步引导你进行每一步操作，包括需要使用的代码和注释。
流程：
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 创建React项目 |
| 2 | 安装yarn |
| 3 | 初始化项目 |
| 4 | 添加React
原创
2024-04-19 06:26:54
136阅读
官方的配置文档 这篇文章只是我个人配置过程中遇到问题，希望能留个印象，所以写一篇小记，具体配置流程参考官方文档。首先的是node.js的安装和环境变量的配置。安装不需要多说，下载文件安装过程直接狂点下一步就行了，主要是不要忘记在系统变量path当中添加安装node.js路径。当然你可以检验你是否安装成功，在命令行输入 node -v ，就会显示出当前node.js 的版本。一般在这里没有什么坑。
转载
2023-07-13 18:18:30
55阅读
在这篇文章中，我将详述如何使用 Yarn 搭建一个 React 项目。我的目标是为大家提供一个清晰、易于遵循的指南，以便顺利实现项目搭建的各个环节，包括环境准备、分步指南、配置详解、验证测试、优化技巧以及扩展应用。
## 环境准备
为了成功搭建 React 项目，需要确保你的开发环境满足以下软硬件要求：
| 组件 | 要求 | 版本兼容性
通常来讲，我们在使用docker build Nodejs容器时，代码中就有预设一些参数，作为各个环境的环境变量，例如数据库的URL等 但作为前端应用react，在编译了代码后，生成的代码使用Nginx代理在浏览器中运行，那么注意，在浏览器中没有环境变量这个东西，所以原本在后台Nodejs服务器中的获取环境变量的方案，在前端React项目中不可用实际上，process在浏览器环境都不存在
转载
2024-09-10 18:05:14
38阅读
create-react-app
这边文章逻辑较乱，如果你有看过eject的create-react-app相关webpack源码,阅读下面的文章说不定会有意外收获(或者直接看10. 如何修改create-react-app的默认配置)1. dotenvDotenv是一个零依赖模块，可以将.env文件中的环境变量加载到process.env。2. 修改配
React的项目搭建项目搭建比较简单，先安装react脚手架，然后创建项目就完事了第一步安装node（基本环境）第二步安装webpack（基本环境）直接敲命令运行即可npm install -g webpack第三步配置淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org
npm config set registry
转载
2023-12-16 15:19:24
50阅读
create-react-app、react、react-dom、redux、react-redux、redux-thunk、react-router-dom、antd-mobile/antd、lib（scss库）、axios/fetch搭建移动端单页面应用
原创
2018-11-15 10:17:55
3444阅读
点赞
resolvewebpack 的底层配置项resolve主要和模块解析的路径相关，常见的例如mainFiles ，extensions等resolve.alias配置模块依赖别名，常见的@解析到src文件夹，path.resolve本身是用来构造绝对路径的，所以@总能解析到src目录的路径module.exports = { resolve: {alias: { '@': path.r
转载
2021-01-19 22:03:21
541阅读
2评论
chunk 和 bundleConcepts - Bundle vs Chunk经常让人摸不着头脑的是 chunk 和 bundle 这两个概念。chunk，翻译过来就是大块，也就是代码块；而 bundle 则是束，包的意思。从 webpack 给出的术语表中是这么解释的：Chunk: This webpack-specific term is used internally to manage
转载
2021-01-19 22:07:28
530阅读
2评论
上篇文章简单介绍了以下webpack内部WDS的使用，这节讨论一下WDS内部proxy的配置方式。devServerwebpack-devServer，一般简称WDS，是 webpack 内置的用于开发环境的服务器配置。webpack本身提供三种方式用于开发环境修改代码以后自动编译，以提高开发效率：观察模式WDSwebpack-dev-middleware总体来说，WDS 配置最容易，并且提供 H
转载
2021-01-19 22:09:40
560阅读
2评论
配置 webpackwebpack 介绍根据webpack官网的解释来说，webpack是一个现代 JS 应用的 bundler，翻译过来就是打包器。webpack会根据模块之间的依赖最终合并模块形成一个或者多个 bundles。安装 webpack 脚手架，以及命令行工具yarn init
yarn global add webpack webpack-cli复制代码修改项目目录添加 dist
转载
2021-01-19 22:33:19
752阅读
2评论
